#2D7D9F

Color Details

HEX
#2D7D9F
RGB
rgb(45, 125, 159)
HSL
hsl(198, 56%, 40%)
CMYK
cmyk(72%, 21%, 0%, 38%)
Best text on this color #FFFFFF (CR 4.62:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2d7d9f
Contrast 4.55:1 AA
White on #2d7d9f
Contrast 4.62:1 AA
#2d7d9f on Black
Contrast 4.55:1 AA
#2d7d9f on White
Contrast 4.62:1 AA

Tints & Shades

#5797b2
#81b1c5
#abcbd9
#24647f
#1b4b5f
#123240

Complement & Analogous

#9f4f2d
#2d449f
#2d9f88

Triadic

#9f2d7d
#7d9f2d

Monochrome

#123240 #1b4b5f #2d7d9f #81b1c5 #abcbd9 #d5e5ec

Analogous

#2d9f88 #6cbcac #2d7d9f #5769b2 #2d449f #24367f

Complementary Mix

#1b4b5f #2d7d9f #81b1c5 #9f4f2d #c18d77 #67331d

Nearby Colors

#2d7d9e
#2d7da0
#2d7d8f
#2d7daf

Embed #2D7D9F swatch

Embed this swatch

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

Open image

About #2D7D9F

#2D7D9F converts to RGB(45, 125, 159) and HSL(198, 56%, 40%). 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).

#2D7D9F FAQs

What is the RGB value of #2D7D9F?
RGB: 45, 125, 159. Copy as CSS: rgb(45, 125, 159)
Is #2D7D9F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2D7D9F?
Complement: #9f4f2d.
Does #2D7D9F have good contrast on white or black?
On white: 4.62:1 (AA (normal text)). On black: 4.55:1 (AA (normal text)).