#368AEB

#368AEB

Color Values

HEX

#368AEB

RGB

54, 138, 235

HSL

212.2, 81.9%, 56.7%

HSV

212.2, 77.0%, 92.2%

CMYK

77.0%, 41.3%, 0.0%, 7.8%

OKLCH

0.6314 0.1665 254.5

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#368AEB

#EB9736

Analogous

#36E4EB

#3D36EB

#368AEB

Triadic

#368AEB

#EB368A

#8AEB36

Split Complementary

#368AEB

#EB3D36

#E4EB36

Tetradic

#368AEB

#EB36E4

#EB9736

#36EB3D

Color Blindness Simulation

Original

#368AEB

Protanopia

#5A5BD4

Deuteranopia

#564FCE

Tritanopia

#3AC1BD

Achromatopsia

#7F7F7F

CSS Usage

background-color: #368AEB;
color: #368AEB;
border-color: #368AEB;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FD
100
#E1ECFA
200
#BED9F9
300
#90BEF4
400
#539BEE
500
#1778E8
600
#1260BA
700
#0F4D94
800
#0C3C74
900
#0D2E54
950
#081D35

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

5.99:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026