#84DBED

#84DBED

Color Values

HEX

#84DBED

RGB

132, 219, 237

HSL

190,3, 74,5%, 72,4%

HSV

190,3, 44,3%, 92,9%

CMYK

44,3%, 7,6%, 0,0%, 7,1%

OKLCH

0,8428 0,0875 212,4

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#84DBED

#ED9684

Analogous

#84EDCB

#84A7ED

#84DBED

Triadic

#84DBED

#ED84DB

#DBED84

Split Complementary

#84DBED

#ED84A7

#EDCB84

Tetradic

#84DBED

#CB84ED

#ED9684

#A7ED84

Color Blindness Simulation

Original

#84DBED

Protanopia

#AAAAE9

Deuteranopia

#A59EE8

Tritanopia

#88E5E4

Achromatopsia

#CACACA

CSS Usage

background-color: #84DBED;
color: #84DBED;
border-color: #84DBED;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F3FBFC
100
#E2F5F8
200
#C1EDF6
300
#94E0EF
400
#5ACFE7
500
#21BEDE
600
#1A98B2
700
#157A8E
800
#105F6F
900
#104651
950
#0A2C33

Contrast Checker

Text on white

1,57:1

AA Fail AAA Fail

Text on black

13,34:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026