#188AF5

#188AF5

Color Values

HEX

#188AF5

RGB

24, 138, 245

HSL

209,0, 91,7%, 52,7%

HSV

209,0, 90,2%, 96,1%

CMYK

90,2%, 43,7%, 0,0%, 3,9%

OKLCH

0,6317 0,1852 252,9

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#188AF5

#F58318

Analogous

#18F5F1

#181BF5

#188AF5

Triadic

#188AF5

#F5188A

#8AF518

Split Complementary

#188AF5

#F5181B

#F5F118

Tetradic

#188AF5

#F118F5

#F58318

#1BF518

Color Blindness Simulation

Original

#188AF5

Protanopia

#494ADB

Deuteranopia

#433AD5

Tritanopia

#1EC7C2

Achromatopsia

#797979

CSS Usage

background-color: #188AF5;
color: #188AF5;
border-color: #188AF5;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDCFC
300
#8AC4FA
400
#4AA4F7
500
#0B83F4
600
#0869C4
700
#07549C
800
#05427A
900
#083258
950
#051F38

Contrast Checker

Text on white

3,5:1

AA Fail AAA Fail

Text on black

5,99:1

AA Pass AAA Fail

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