#12765C

Color Details

HEX
#12765C
RGB
rgb(18, 118, 92)
HSL
hsl(164, 74%, 27%)
CMYK
cmyk(85%, 0%, 22%, 54%)
Best text on this color #FFFFFF (CR 5.57:1) Determined by WCAG contrast ratio

Readability Previews

Black on #12765c
Contrast 3.77:1 Fail
White on #12765c
Contrast 5.57:1 AA
#12765c on Black
Contrast 3.77:1 Fail
#12765c on White
Contrast 5.57:1 AA

Tints & Shades

#41917d
#71ad9d
#a0c8be
#0e5e4a
#0b4737
#072f25

Complement & Analogous

#78122d
#126078
#12782a

Triadic

#5d1278
#785d12

Monochrome

#072f25 #0b4737 #12765c #71ad9d #a0c8be #d0e4de

Analogous

#12782a #59a16a #12765c #418093 #126078 #0e4d60

Complementary Mix

#0b4737 #12765c #71ad9d #78122d #a76577 #4e0c1d

Nearby Colors

#12765b
#12765d
#12764c
#12766c

Embed #12765C swatch

Embed this swatch

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

Open image

About #12765C

#12765C converts to RGB(18, 118, 92) and HSL(164, 74%, 27%). 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).

#12765C FAQs

What is the RGB value of #12765C?
RGB: 18, 118, 92. Copy as CSS: rgb(18, 118, 92)
Is #12765C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #12765C?
Complement: #78122d.
Does #12765C have good contrast on white or black?
On white: 5.57:1 (AA (normal text)). On black: 3.77:1 (AA (large text)).