#07D2F8

#07D2F8

Color Values

HEX

#07D2F8

RGB

7, 210, 248

HSL

189.5, 94.5%, 50.0%

HSV

189.5, 97.2%, 97.3%

CMYK

97.2%, 15.3%, 0.0%, 2.7%

OKLCH

0.7969 0.1419 217.2

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#07D2F8

#F82D07

Analogous

#07F8A6

#0759F8

#07D2F8

Triadic

#07D2F8

#F807D2

#D2F807

Split Complementary

#07D2F8

#F80759

#F8A607

Tetradic

#07D2F8

#A607F8

#F82D07

#59F807

Color Blindness Simulation

Original

#07D2F8

Protanopia

#5F61EF

Deuteranopia

#5344ED

Tritanopia

#11E8E6

Achromatopsia

#AAAAAA

CSS Usage

background-color: #07D2F8;
color: #07D2F8;
border-color: #07D2F8;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FCFD
100
#DFF7FB
200
#BAF2FD
300
#88E9FC
400
#47DEFA
500
#07D2F8
600
#06A8C6
700
#04869F
800
#04697C
900
#074D5A
950
#053039

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

11.58:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026