#84C7F8

#84C7F8

Color Values

HEX

#84C7F8

RGB

132, 199, 248

HSL

205.3, 89.2%, 74.5%

HSV

205.3, 46.8%, 97.3%

CMYK

46.8%, 19.8%, 0.0%, 2.7%

OKLCH

0.8032 0.0974 241.2

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#84C7F8

#F8B584

Analogous

#84F8EF

#848DF8

#84C7F8

Triadic

#84C7F8

#F884C7

#C7F884

Split Complementary

#84C7F8

#F8848D

#F8EF84

Tetradic

#84C7F8

#EF84F8

#F8B584

#8DF884

Color Blindness Simulation

Original

#84C7F8

Protanopia

#A1A2EC

Deuteranopia

#9D98E9

Tritanopia

#87E3E1

Achromatopsia

#BCBCBC

CSS Usage

background-color: #84C7F8;
color: #84C7F8;
border-color: #84C7F8;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F8FD
100
#E0EFFB
200
#BBE0FB
300
#8BCAF8
400
#4CAEF5
500
#0E91F1
600
#0B74C1
700
#095D9A
800
#074979
900
#0A3757
950
#062237

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.51:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026