#0DAFB8

#0DAFB8

Color Values

HEX

#0DAFB8

RGB

13, 175, 184

HSL

183.2, 86.8%, 38.6%

HSV

183.2, 92.9%, 72.2%

CMYK

92.9%, 4.9%, 0.0%, 27.8%

OKLCH

0.6868 0.1152 201.4

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#0DAFB8

#B8160D

Analogous

#0DB86C

#0D59B8

#0DAFB8

Triadic

#0DAFB8

#B80DAF

#AFB80D

Split Complementary

#0DAFB8

#B80D59

#B86C0D

Tetradic

#0DAFB8

#6C0DB8

#B8160D

#59B80D

Color Blindness Simulation

Original

#0DAFB8

Protanopia

#5355B6

Deuteranopia

#4A3EB5

Tritanopia

#15B4B4

Achromatopsia

#8D8D8D

CSS Usage

background-color: #0DAFB8;
color: #0DAFB8;
border-color: #0DAFB8;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F2FCFD
100
#E0F9FA
200
#BCF7FA
300
#8DF1F7
400
#4FEAF3
500
#11E2EE
600
#0DB5BF
700
#0B9198
800
#087177
900
#0B5256
950
#073437

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

7.84:1

AA Pass AAA Pass

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