#149AEB

#149AEB

Color Values

HEX

#149AEB

RGB

20, 154, 235

HSL

202.6, 84.3%, 50.0%

HSV

202.6, 91.5%, 92.2%

CMYK

91.5%, 34.5%, 0.0%, 7.8%

OKLCH

0.6609 0.158 243.9

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#149AEB

#EB6514

Analogous

#14EBD0

#142FEB

#149AEB

Triadic

#149AEB

#EB149A

#9AEB14

Split Complementary

#149AEB

#EB142F

#EBD014

Tetradic

#149AEB

#D014EB

#EB6514

#2FEB14

Color Blindness Simulation

Original

#149AEB

Protanopia

#4E4FD7

Deuteranopia

#463CD3

Tritanopia

#1BC8C5

Achromatopsia

#838383

CSS Usage

background-color: #149AEB;
color: #149AEB;
border-color: #149AEB;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F9FD
100
#E0F0FA
200
#BDE3F9
300
#8ECFF5
400
#51B4F0
500
#149AEB
600
#107BBC
700
#0D6396
800
#0A4D75
900
#0C3A55
950
#072436

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

6.85:1

AA Pass AAA Fail

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