#06818F

#06818F

Color Values

HEX

#06818F

RGB

6, 129, 143

HSL

186.1, 91.9%, 29.2%

HSV

186.1, 95.8%, 56.1%

CMYK

95.8%, 9.8%, 0.0%, 43.9%

OKLCH

0.5523 0.0939 208.3

Properties

Cool Dark Nearest: turquoise 4

Color Harmonies

Complementary

#06818F

#8F1406

Analogous

#068F58

#063D8F

#06818F

Triadic

#06818F

#8F0681

#818F06

Split Complementary

#06818F

#8F063D

#8F5806

Tetradic

#06818F

#58068F

#8F1406

#3D8F06

Color Blindness Simulation

Original

#06818F

Protanopia

#3B3C8C

Deuteranopia

#342B8B

Tritanopia

#0C8988

Achromatopsia

#686868

CSS Usage

background-color: #06818F;
color: #06818F;
border-color: #06818F;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BAF5FC
300
#8AEFFA
400
#4AE6F7
500
#0ADDF5
600
#08B1C4
700
#078D9D
800
#056E7A
900
#085059
950
#053338

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

4.54:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026