#79DFF0

#79DFF0

Color Values

HEX

#79DFF0

RGB

121, 223, 240

HSL

188.6, 79.9%, 70.8%

HSV

188.6, 49.6%, 94.1%

CMYK

49.6%, 7.1%, 0.0%, 5.9%

OKLCH

0.8481 0.098 209.5

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#79DFF0

#F08A79

Analogous

#79F0C6

#79A3F0

#79DFF0

Triadic

#79DFF0

#F079DF

#DFF079

Split Complementary

#79DFF0

#F079A3

#F0C679

Tetradic

#79DFF0

#C679F0

#F08A79

#A3F079

Color Blindness Simulation

Original

#79DFF0

Protanopia

#A5A6EC

Deuteranopia

#9F98EB

Tritanopia

#7EE9E8

Achromatopsia

#CBCBCB

CSS Usage

background-color: #79DFF0;
color: #79DFF0;
border-color: #79DFF0;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FBFD
100
#E1F6F9
200
#BFF0F8
300
#91E5F3
400
#55D6EC
500
#1AC8E5
600
#15A0B7
700
#108093
800
#0D6473
900
#0E4953
950
#092E35

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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