#2F838C

Color Details

HEX
#2F838C
RGB
rgb(47, 131, 140)
HSL
hsl(186, 50%, 37%)
CMYK
cmyk(66%, 6%, 0%, 45%)
Best text on this color #000000 (CR 4.75:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2f838c
Contrast 4.75:1 AA
White on #2f838c
Contrast 4.42:1 Fail
#2f838c on Black
Contrast 4.75:1 AA
#2f838c on White
Contrast 4.42:1 Fail

Tints & Shades

#599ca3
#82b5ba
#accdd1
#266970
#1c4f54
#133438

Complement & Analogous

#8e392f
#2f558e
#2f8e68

Triadic

#8e2f84
#848e2f

Monochrome

#133438 #1c4f54 #2f838c #82b5ba #accdd1 #d5e6e8

Analogous

#2f8e68 #6db095 #2f838c #5977a5 #2f558e #264472

Complementary Mix

#1c4f54 #2f838c #82b5ba #8e392f #b67e78 #5c251f

Nearby Colors

#2f838b
#2f838d
#2f837c
#2f839c

Embed #2F838C swatch

Embed this swatch

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

Open image

About #2F838C

#2F838C converts to RGB(47, 131, 140) and HSL(186, 50%, 37%). 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).

#2F838C FAQs

What is the RGB value of #2F838C?
RGB: 47, 131, 140. Copy as CSS: rgb(47, 131, 140)
Is #2F838C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2F838C?
Complement: #8e392f.
Does #2F838C have good contrast on white or black?
On white: 4.42:1 (AA (large text)). On black: 4.75:1 (AA (normal text)).