#07BCF8

#07BCF8

Color Values

HEX

#07BCF8

RGB

7, 188, 248

HSL

194.9, 94.5%, 50.0%

HSV

194.9, 97.2%, 97.3%

CMYK

97.2%, 24.2%, 0.0%, 2.7%

OKLCH

0.7454 0.1485 230.5

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#07BCF8

#F84307

Analogous

#07F8BB

#0744F8

#07BCF8

Triadic

#07BCF8

#F807BC

#BCF807

Split Complementary

#07BCF8

#F80744

#F8BB07

Tetradic

#07BCF8

#BB07F8

#F84307

#44F807

Color Blindness Simulation

Original

#07BCF8

Protanopia

#5557E9

Deuteranopia

#4B3DE6

Tritanopia

#10DEDC

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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