#0B5355

#0B5355

Color Values

HEX

#0B5355

RGB

11, 83, 85

HSL

181.6, 77.1%, 18.8%

HSV

181.6, 87.1%, 33.3%

CMYK

87.1%, 2.4%, 0.0%, 66.7%

OKLCH

0.4031 0.0648 197.9

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#0B5355

#550D0B

Analogous

#0B5532

#0B2E55

#0B5355

Triadic

#0B5355

#550B53

#53550B

Split Complementary

#0B5355

#550B2E

#55320B

Tetradic

#0B5355

#320B55

#550D0B

#2E550B

Color Blindness Simulation

Original

#0B5355

Protanopia

#2A2B55

Deuteranopia

#262154

Tritanopia

#0F5454

Achromatopsia

#444444

CSS Usage

background-color: #0B5355;
color: #0B5355;
border-color: #0B5355;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F2FCFC
100
#E1F8F9
200
#C0F5F7
300
#93EEF1
400
#58E6E9
500
#1DDDE2
600
#17B0B5
700
#138D91
800
#0F6E71
900
#0F5052
950
#093334

Contrast Checker

Text on white

8.81:1

AA Pass AAA Pass

Text on black

2.38:1

AA Fail 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