#0B5360

#0B5360

Color Values

HEX

#0B5360

RGB

11, 83, 96

HSL

189.2, 79.4%, 21.0%

HSV

189.2, 88.5%, 37.6%

CMYK

88.5%, 13.5%, 0.0%, 62.4%

OKLCH

0.408 0.0678 213.7

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#0B5360

#60180B

Analogous

#0B6043

#0B2960

#0B5360

Triadic

#0B5360

#600B53

#53600B

Split Complementary

#0B5360

#600B29

#60430B

Tetradic

#0B5360

#430B60

#60180B

#29600B

Color Blindness Simulation

Original

#0B5360

Protanopia

#2A2B5D

Deuteranopia

#26215C

Tritanopia

#0F5A5A

Achromatopsia

#454545

CSS Usage

background-color: #0B5360;
color: #0B5360;
border-color: #0B5360;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F2FBFD
100
#E1F6F9
200
#BFEFF8
300
#91E3F2
400
#56D5EC
500
#1AC6E5
600
#159EB7
700
#117F92
800
#0D6372
900
#0E4853
950
#092E34

Contrast Checker

Text on white

8.68:1

AA Pass AAA Pass

Text on black

2.42: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