#0BF4CF

#0BF4CF

Color Values

HEX

#0BF4CF

RGB

11, 244, 207

HSL

170.5, 91.4%, 50.0%

HSV

170.5, 95.5%, 95.7%

CMYK

95.5%, 0.0%, 15.2%, 4.3%

OKLCH

0.8647 0.1604 176.3

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#0BF4CF

#F40B30

Analogous

#0BF45B

#0BA4F4

#0BF4CF

Triadic

#0BF4CF

#CF0BF4

#F4CF0B

Split Complementary

#0BF4CF

#F40BA4

#F45B0B

Tetradic

#0BF4CF

#5B0BF4

#F40B30

#A4F40B

Color Blindness Simulation

Original

#0BF4CF

Protanopia

#7072D8

Deuteranopia

#6251DA

Tritanopia

#17DFE1

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F1FDFB
100
#DFFBF7
200
#BBFCF2
300
#8AFAE8
400
#4AF7DC
500
#0BF4CF
600
#09C3A6
700
#079C85
800
#057A68
900
#09584C
950
#053830

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

14.86:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026