#0BF4DF

#0BF4DF

Color Values

HEX

#0BF4DF

RGB

11, 244, 223

HSL

174.6, 91.4%, 50.0%

HSV

174.6, 95.5%, 95.7%

CMYK

95.5%, 0.0%, 8.6%, 4.3%

OKLCH

0.8693 0.1533 183.9

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#0BF4DF

#F40B20

Analogous

#0BF46B

#0B94F4

#0BF4DF

Triadic

#0BF4DF

#DF0BF4

#F4DF0B

Split Complementary

#0BF4DF

#F40B94

#F46B0B

Tetradic

#0BF4DF

#6B0BF4

#F40B20

#94F40B

Color Blindness Simulation

Original

#0BF4DF

Protanopia

#7072E4

Deuteranopia

#6251E5

Tritanopia

#17E8E9

Achromatopsia

#C1C1C1

CSS Usage

background-color: #0BF4DF;
color: #0BF4DF;
border-color: #0BF4DF;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F1FDFC
100
#DFFBF9
200
#BBFCF6
300
#8AFAF0
400
#4AF7E7
500
#0BF4DF
600
#09C3B2
700
#079C8F
800
#057A70
900
#095851
950
#053833

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

15.02:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026