#127F7C

Color Details

HEX
#127F7C
RGB
rgb(18, 127, 124)
HSL
hsl(178, 75%, 28%)
CMYK
cmyk(86%, 0%, 2%, 50%)
Best text on this color #FFFFFF (CR 4.82:1) Determined by WCAG contrast ratio

Readability Previews

Black on #127f7c
Contrast 4.35:1 Fail
White on #127f7c
Contrast 4.82:1 AA
#127f7c on Black
Contrast 4.35:1 Fail
#127f7c on White
Contrast 4.82:1 AA

Tints & Shades

#419996
#71b2b0
#a0cccb
#0e6663
#0b4c4a
#073332

Complement & Analogous

#7d1215
#124b7d
#127d44

Triadic

#79127d
#7d7912

Monochrome

#073332 #0b4c4a #127f7c #71b2b0 #a0cccb #d0e5e5

Analogous

#127d44 #59a47c #127f7c #416f97 #124b7d #0e3c64

Complementary Mix

#0b4c4a #127f7c #71b2b0 #7d1215 #ab6567 #510c0e

Nearby Colors

#127f7b
#127f7d
#127f6c
#127f8c

Embed #127F7C swatch

Embed this swatch

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

Open image

About #127F7C

#127F7C converts to RGB(18, 127, 124) and HSL(178, 75%, 28%). 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).

#127F7C FAQs

What is the RGB value of #127F7C?
RGB: 18, 127, 124. Copy as CSS: rgb(18, 127, 124)
Is #127F7C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #127F7C?
Complement: #7d1215.
Does #127F7C have good contrast on white or black?
On white: 4.82:1 (AA (normal text)). On black: 4.35:1 (AA (large text)).