#2B666C

Color Details

HEX
#2B666C
RGB
rgb(43, 102, 108)
HSL
hsl(186, 43%, 30%)
CMYK
cmyk(60%, 6%, 0%, 58%)
Best text on this color #FFFFFF (CR 6.52:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2b666c
Contrast 3.22:1 Fail
White on #2b666c
Contrast 6.52:1 AA
#2b666c on Black
Contrast 3.22:1 Fail
#2b666c on White
Contrast 6.52:1 AA

Tints & Shades

#558589
#80a3a7
#aac2c4
#225256
#1a3d41
#11292b

Complement & Analogous

#6d322c
#2c466d
#2c6d53

Triadic

#6d2c67
#676d2c

Monochrome

#11292b #1a3d41 #2b666c #80a3a7 #aac2c4 #d5e0e2

Analogous

#2c6d53 #6b9987 #2b666c #566b8a #2c466d #233857

Complementary Mix

#1a3d41 #2b666c #80a3a7 #6d322c #a07a76 #47211d

Nearby Colors

#2b666b
#2b666d
#2b665c
#2b667c

Embed #2B666C swatch

Embed this swatch

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

Open image

About #2B666C

#2B666C converts to RGB(43, 102, 108) and HSL(186, 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).

#2B666C FAQs

What is the RGB value of #2B666C?
RGB: 43, 102, 108. Copy as CSS: rgb(43, 102, 108)
Is #2B666C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2B666C?
Complement: #6d322c.
Does #2B666C have good contrast on white or black?
On white: 6.52:1 (AA (normal text)). On black: 3.22:1 (AA (large text)).