#146ECF

#146ECF

Color Values

HEX

#146ECF

RGB

20, 110, 207

HSL

211.1, 82.4%, 44.5%

HSV

211.1, 90.3%, 81.2%

CMYK

90.3%, 46.9%, 0.0%, 18.8%

OKLCH

0.5439 0.1694 255.1

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#146ECF

#CF7514

Analogous

#14CCCF

#1714CF

#146ECF

Triadic

#146ECF

#CF146E

#6ECF14

Split Complementary

#146ECF

#CF1714

#CCCF14

Tetradic

#146ECF

#CF14CC

#CF7514

#14CF17

Color Blindness Simulation

Original

#146ECF

Protanopia

#3B3CB8

Deuteranopia

#362FB2

Tritanopia

#18A5A1

Achromatopsia

#626262

CSS Usage

background-color: #146ECF;
color: #146ECF;
border-color: #146ECF;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDAF9
300
#8FC0F4
400
#539EEE
500
#167CE9
600
#1263BA
700
#0E4F95
800
#0B3E74
900
#0D2F54
950
#081E35

Contrast Checker

Text on white

5.05:1

AA Pass AAA Fail

Text on black

4.16:1

AA Fail 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