#0B3F46

#0B3F46

Color Values

HEX

#0B3F46

RGB

11, 63, 70

HSL

187.1, 72.8%, 15.9%

HSV

187.1, 84.3%, 27.5%

CMYK

84.3%, 10.0%, 0.0%, 72.5%

OKLCH

0.3386 0.0529 208.5

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#0B3F46

#46120B

Analogous

#0B4630

#0B2246

#0B3F46

Triadic

#0B3F46

#460B3F

#3F460B

Split Complementary

#0B3F46

#460B22

#46300B

Tetradic

#0B3F46

#300B46

#46120B

#22460B

Color Blindness Simulation

Original

#0B3F46

Protanopia

#222244

Deuteranopia

#1E1B44

Tritanopia

#0E4343

Achromatopsia

#343434

CSS Usage

background-color: #0B3F46;
color: #0B3F46;
border-color: #0B3F46;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F3FBFC
100
#E2F6F8
200
#C1EFF5
300
#95E4EE
400
#5CD5E5
500
#23C6DC
600
#1C9FB0
700
#167F8D
800
#11636E
900
#114950
950
#0B2E33

Contrast Checker

Text on white

11.58:1

AA Pass AAA Pass

Text on black

1.81:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026