#0FABF0

#0FABF0

Color Values

HEX

#0FABF0

RGB

15, 171, 240

HSL

198.4, 88.2%, 50.0%

HSV

198.4, 93.8%, 94.1%

CMYK

93.8%, 28.8%, 0.0%, 5.9%

OKLCH

0.7023 0.1505 236.8

Properties

Cool Light Nearest: deepskyblue 2

Color Harmonies

Complementary

#0FABF0

#F0540F

Analogous

#0FF0C4

#0F3BF0

#0FABF0

Triadic

#0FABF0

#F00FAB

#ABF00F

Split Complementary

#0FABF0

#F00F3B

#F0C40F

Tetradic

#0FABF0

#C40FF0

#F0540F

#3BF00F

Color Blindness Simulation

Original

#0FABF0

Protanopia

#5354DF

Deuteranopia

#4A3EDB

Tritanopia

#17D2CF

Achromatopsia

#8F8F8F

CSS Usage

background-color: #0FABF0;
color: #0FABF0;
border-color: #0FABF0;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F2FAFD
100
#E0F2FB
200
#BCE7FB
300
#8CD7F8
400
#4DC1F4
500
#0FABF0
600
#0C89C0
700
#0A6D9A
800
#085578
900
#0A3F57
950
#062837

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

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