#00695C

Color Details

HEX
#00695C
RGB
rgb(0, 105, 92)
HSL
hsl(173, 100%, 21%)
CMYK
cmyk(100%, 0%, 12%, 59%)
Best text on this color #FFFFFF (CR 6.61:1) Determined by WCAG contrast ratio

Readability Previews

Black on #00695c
Contrast 3.18:1 Fail
White on #00695c
Contrast 6.61:1 AA
#00695c on Black
Contrast 3.18:1 Fail
#00695c on White
Contrast 6.61:1 AA

Tints & Shades

#33877d
#66a59d
#99c3be
#00544a
#003f37
#002a25

Complement & Analogous

#6b000c
#00426b
#006b29

Triadic

#5f006b
#6b5f00

Monochrome

#002a25 #003f37 #00695c #66a59d #99c3be #cce1de

Analogous

#006b29 #4d9769 #00695c #336889 #00426b #003556

Complementary Mix

#003f37 #00695c #66a59d #6b000c #9f5961 #460008

Nearby Colors

#00695b
#00695d
#00694c
#00696c

Embed #00695C swatch

Embed this swatch

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

Open image

About #00695C

#00695C converts to RGB(0, 105, 92) and HSL(173, 100%, 21%). 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).

#00695C FAQs

What is the RGB value of #00695C?
RGB: 0, 105, 92. Copy as CSS: rgb(0, 105, 92)
Is #00695C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #00695C?
Complement: #6b000c.
Does #00695C have good contrast on white or black?
On white: 6.61:1 (AA (normal text)). On black: 3.18:1 (AA (large text)).