#06818B

#06818B

Color Values

HEX

#06818B

RGB

6, 129, 139

HSL

184.5, 91.7%, 28.4%

HSV

184.5, 95.7%, 54.5%

CMYK

95.7%, 7.2%, 0.0%, 45.5%

OKLCH

0.5507 0.0929 204.5

Properties

Cool Dark Nearest: turquoise 4

Color Harmonies

Complementary

#06818B

#8B1006

Analogous

#068B52

#063E8B

#06818B

Triadic

#06818B

#8B0681

#818B06

Split Complementary

#06818B

#8B063E

#8B5206

Tetradic

#06818B

#52068B

#8B1006

#3E8B06

Color Blindness Simulation

Original

#06818B

Protanopia

#3B3C89

Deuteranopia

#342B88

Tritanopia

#0C8786

Achromatopsia

#686868

CSS Usage

background-color: #06818B;
color: #06818B;
border-color: #06818B;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F1FCFD
100
#DFF9FB
200
#BBF7FC
300
#8AF2FA
400
#4AEAF7
500
#0BE3F4
600
#08B6C4
700
#07919C
800
#05717A
900
#085258
950
#053438

Contrast Checker

Text on white

4.65:1

AA Pass AAA Fail

Text on black

4.52:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026