#2C696E

Color Details

HEX
#2C696E
RGB
rgb(44, 105, 110)
HSL
hsl(185, 43%, 30%)
CMYK
cmyk(60%, 5%, 0%, 57%)
Best text on this color #FFFFFF (CR 6.26:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2c696e
Contrast 3.35:1 Fail
White on #2c696e
Contrast 6.26:1 AA
#2c696e on Black
Contrast 3.35:1 Fail
#2c696e on White
Contrast 6.26:1 AA

Tints & Shades

#56878b
#80a5a8
#abc3c5
#235458
#1a3f42
#122a2c

Complement & Analogous

#6d312c
#2c476d
#2c6d52

Triadic

#6d2c68
#686d2c

Monochrome

#122a2c #1a3f42 #2c696e #80a5a8 #abc3c5 #d5e1e2

Analogous

#2c6d52 #6b9986 #2c696e #566c8a #2c476d #233957

Complementary Mix

#1a3f42 #2c696e #80a5a8 #6d312c #a07976 #47201d

Nearby Colors

#2c696d
#2c696f
#2c695e
#2c697e

Embed #2C696E swatch

Embed this swatch

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

Open image

About #2C696E

#2C696E converts to RGB(44, 105, 110) and HSL(185, 43%, 30%). 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).

#2C696E FAQs

What is the RGB value of #2C696E?
RGB: 44, 105, 110. Copy as CSS: rgb(44, 105, 110)
Is #2C696E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2C696E?
Complement: #6d312c.
Does #2C696E have good contrast on white or black?
On white: 6.26:1 (AA (normal text)). On black: 3.35:1 (AA (large text)).