#089CF7

#089CF7

Color Values

HEX

#089CF7

RGB

8, 156, 247

HSL

202.8, 93.7%, 50.0%

HSV

202.8, 96.8%, 96.9%

CMYK

96.8%, 36.8%, 0.0%, 3.1%

OKLCH

0.6714 0.1709 246.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#089CF7

#F76308

Analogous

#08F7DA

#0825F7

#089CF7

Triadic

#089CF7

#F7089C

#9CF708

Split Complementary

#089CF7

#F70825

#F7DA08

Tetradic

#089CF7

#DA08F7

#F76308

#25F708

Color Blindness Simulation

Original

#089CF7

Protanopia

#4849E1

Deuteranopia

#4034DC

Tritanopia

#0FD0CC

Achromatopsia

#838383

CSS Usage

background-color: #089CF7;
color: #089CF7;
border-color: #089CF7;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F9FD
100
#DFF1FB
200
#BAE3FD
300
#88D0FB
400
#48B6F9
500
#089CF7
600
#067DC6
700
#05649E
800
#044E7B
900
#083A59
950
#052538

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

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