#1A764C

Color Details

HEX
#1A764C
RGB
rgb(26, 118, 76)
HSL
hsl(153, 64%, 28%)
CMYK
cmyk(78%, 0%, 36%, 54%)
Best text on this color #FFFFFF (CR 5.62:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1a764c
Contrast 3.74:1 Fail
White on #1a764c
Contrast 5.62:1 AA
#1a764c on Black
Contrast 3.74:1 Fail
#1a764c on White
Contrast 5.62:1 AA

Tints & Shades

#489170
#76ad94
#a3c8b7
#155e3d
#10472e
#0a2f1e

Complement & Analogous

#751a43
#1a7175
#1a751e

Triadic

#4c1a75
#754c1a

Monochrome

#0a2f1e #10472e #1a764c #76ad94 #a3c8b7 #d1e4db

Analogous

#1a751e #5f9e62 #1a764c #488d91 #1a7175 #155a5e

Complementary Mix

#10472e #1a764c #76ad94 #751a43 #a56a85 #4c112c

Nearby Colors

#1a764b
#1a764d
#1a763c
#1a765c

Embed #1A764C swatch

Embed this swatch

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

Open image

About #1A764C

#1A764C converts to RGB(26, 118, 76) and HSL(153, 64%, 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).

#1A764C FAQs

What is the RGB value of #1A764C?
RGB: 26, 118, 76. Copy as CSS: rgb(26, 118, 76)
Is #1A764C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1A764C?
Complement: #751a43.
Does #1A764C have good contrast on white or black?
On white: 5.62:1 (AA (normal text)). On black: 3.74:1 (AA (large text)).