#2C696F

Color Details

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

Readability Previews

Black on #2c696f
Contrast 3.36:1 Fail
White on #2c696f
Contrast 6.26:1 AA
#2c696f on Black
Contrast 3.36:1 Fail
#2c696f on White
Contrast 6.26:1 AA

Tints & Shades

#56878c
#80a5a9
#abc3c5
#235459
#1a3f43
#122a2c

Complement & Analogous

#6d312c
#2c476d
#2c6d52

Triadic

#6d2c68
#686d2c

Monochrome

#122a2c #1a3f43 #2c696f #80a5a9 #abc3c5 #d5e1e2

Analogous

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

Complementary Mix

#1a3f43 #2c696f #80a5a9 #6d312c #a07976 #47201d

Nearby Colors

#2c696e
#2c6970
#2c695f
#2c697f

Embed #2C696F swatch

Embed this swatch

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

Open image

About #2C696F

#2C696F converts to RGB(44, 105, 111) 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).

#2C696F FAQs

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