#07BDF8

#07BDF8

Color Values

HEX

#07BDF8

RGB

7, 189, 248

HSL

194.7, 94.5%, 50.0%

HSV

194.7, 97.2%, 97.3%

CMYK

97.2%, 23.8%, 0.0%, 2.7%

OKLCH

0.7477 0.148 229.9

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#07BDF8

#F84207

Analogous

#07F8BB

#0744F8

#07BDF8

Triadic

#07BDF8

#F807BD

#BDF807

Split Complementary

#07BDF8

#F80744

#F8BB07

Tetradic

#07BDF8

#BB07F8

#F84207

#44F807

Color Blindness Simulation

Original

#07BDF8

Protanopia

#5657EA

Deuteranopia

#4B3EE6

Tritanopia

#10DEDC

Achromatopsia

#9B9B9B

CSS Usage

background-color: #07BDF8;
color: #07BDF8;
border-color: #07BDF8;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1FAFD
100
#DFF4FB
200
#BAEDFD
300
#88DFFC
400
#47CEFA
500
#07BDF8
600
#0697C6
700
#04799F
800
#045E7C
900
#07455A
950
#052C39

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.64:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026