#74BAEE

#74BAEE

Color Values

HEX

#74BAEE

RGB

116, 186, 238

HSL

205,6, 78,2%, 69,4%

HSV

205,6, 51,3%, 93,3%

CMYK

51,3%, 21,8%, 0,0%, 6,7%

OKLCH

0,7627 0,1031 242,0

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#74BAEE

#EEA874

Analogous

#74EEE5

#747DEE

#74BAEE

Triadic

#74BAEE

#EE74BA

#BAEE74

Split Complementary

#74BAEE

#EE747D

#EEE574

Tetradic

#74BAEE

#E574EE

#EEA874

#7DEE74

Color Blindness Simulation

Original

#74BAEE

Protanopia

#9293E1

Deuteranopia

#8E89DE

Tritanopia

#77D7D5

Achromatopsia

#AFAFAF

CSS Usage

background-color: #74BAEE;
color: #74BAEE;
border-color: #74BAEE;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F8FC
100
#E1EFF9
200
#BFDFF7
300
#92C9F2
400
#57ABEA
500
#1C8EE3
600
#1672B6
700
#125B91
800
#0E4772
900
#0E3553
950
#092234

Contrast Checker

Text on white

2,1:1

AA Fail AAA Fail

Text on black

10,0:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Ene 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Ene 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Ene 15, 2026