#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

Tutorials

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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026