#5EB2E3

#5EB2E3

Color Values

HEX

#5EB2E3

RGB

94, 178, 227

HSL

202.1, 70.4%, 62.9%

HSV

202.1, 58.6%, 89.0%

CMYK

58.6%, 21.6%, 0.0%, 11.0%

OKLCH

0.7304 0.1084 236.4

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#5EB2E3

#E38F5E

Analogous

#5EE3D1

#5E6FE3

#5EB2E3

Triadic

#5EB2E3

#E35EB2

#B2E35E

Split Complementary

#5EB2E3

#E35E6F

#E3D15E

Tetradic

#5EB2E3

#D15EE3

#E38F5E

#6FE35E

Color Blindness Simulation

Original

#5EB2E3

Protanopia

#8283D7

Deuteranopia

#7E77D4

Tritanopia

#62CECC

Achromatopsia

#A4A4A4

CSS Usage

background-color: #5EB2E3;
color: #5EB2E3;
border-color: #5EB2E3;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F3F9FC
100
#E2F0F8
200
#C2E2F4
300
#97CDED
400
#5EB2E3
500
#2697D9
600
#1E79AE
700
#18618B
800
#134C6D
900
#12394F
950
#0B2432

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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