#7ADAFF

#7ADAFF

Color Values

HEX

#7ADAFF

RGB

122, 218, 255

HSL

196,7, 100,0%, 73,9%

HSV

196,7, 52,2%, 100,0%

CMYK

52,2%, 14,5%, 0,0%, 0,0%

OKLCH

0,8429 0,1044 225,3

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#7ADAFF

#FF9F7A

Analogous

#7AFFE1

#7A97FF

#7ADAFF

Triadic

#7ADAFF

#FF7ADA

#DAFF7A

Split Complementary

#7ADAFF

#FF7A97

#FFE17A

Tetradic

#7ADAFF

#E17AFF

#FF9F7A

#97FF7A

Color Blindness Simulation

Original

#7ADAFF

Protanopia

#A4A4F6

Deuteranopia

#9E97F4

Tritanopia

#7FEFED

Achromatopsia

#C8C8C8

CSS Usage

background-color: #7ADAFF;
color: #7ADAFF;
border-color: #7ADAFF;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F1FAFE
100
#DEF4FC
200
#B8EBFF
300
#85DDFF
400
#42CAFF
500
#00B8FF
600
#0093CC
700
#0076A3
800
#005C80
900
#05445C
950
#032B3A

Contrast Checker

Text on white

1,58:1

AA Fail AAA Fail

Text on black

13,3: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