#014DFE

#014DFE

Color Values

HEX

#014DFE

RGB

1, 77, 254

HSL

222.0, 99.2%, 50.0%

HSV

222.0, 99.6%, 99.6%

CMYK

99.6%, 69.7%, 0.0%, 0.4%

OKLCH

0.5193 0.2667 263.2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#014DFE

#FEB201

Analogous

#01CBFE

#3401FE

#014DFE

Triadic

#014DFE

#FE014D

#4DFE01

Split Complementary

#014DFE

#FE3401

#CBFE01

Tetradic

#014DFE

#FE01CB

#FEB201

#01FE34

Color Blindness Simulation

Original

#014DFE

Protanopia

#2223D3

Deuteranopia

#1E18C9

Tritanopia

#05B1AA

Achromatopsia

#4A4A4A

CSS Usage

background-color: #014DFE;
color: #014DFE;
border-color: #014DFE;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B8CDFF
300
#85AAFF
400
#437BFE
500
#014DFE
600
#013ECB
700
#0131A3
800
#01267F
900
#051F5C
950
#03143A

Contrast Checker

Text on white

6.01:1

AA Pass AAA Fail

Text on black

3.49:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026