#1C735C

Color Details

HEX
#1C735C
RGB
rgb(28, 115, 92)
HSL
hsl(164, 61%, 28%)
CMYK
cmyk(76%, 0%, 20%, 55%)
Best text on this color #FFFFFF (CR 5.74:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1c735c
Contrast 3.66:1 Fail
White on #1c735c
Contrast 5.74:1 AA
#1c735c on Black
Contrast 3.66:1 Fail
#1c735c on White
Contrast 5.74:1 AA

Tints & Shades

#498f7d
#77ab9d
#a4c7be
#165c4a
#114537
#0b2e25

Complement & Analogous

#731c33
#1c5f73
#1c7330

Triadic

#5c1c73
#735c1c

Monochrome

#0b2e25 #114537 #1c735c #77ab9d #a4c7be #d2e3de

Analogous

#1c7330 #609d6e #1c735c #497f8f #1c5f73 #164c5c

Complementary Mix

#114537 #1c735c #77ab9d #731c33 #a46b7a #4b1221

Nearby Colors

#1c735b
#1c735d
#1c734c
#1c736c

Embed #1C735C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #1C735C

#1C735C converts to RGB(28, 115, 92) and HSL(164, 61%, 28%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#1C735C FAQs

What is the RGB value of #1C735C?
RGB: 28, 115, 92. Copy as CSS: rgb(28, 115, 92)
Is #1C735C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1C735C?
Complement: #731c33.
Does #1C735C have good contrast on white or black?
On white: 5.74:1 (AA (normal text)). On black: 3.66:1 (AA (large text)).