#146DC6

#146DC6

Color Values

HEX

#146DC6

RGB

20, 109, 198

HSL

210.0, 81.7%, 42.7%

HSV

210.0, 89.9%, 77.6%

CMYK

89.9%, 44.9%, 0.0%, 22.4%

OKLCH

0.5354 0.159 253.7

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#146DC6

#C66D14

Analogous

#14C6C6

#1414C6

#146DC6

Triadic

#146DC6

#C6146D

#6DC614

Split Complementary

#146DC6

#C61414

#C6C614

Tetradic

#146DC6

#C614C6

#C66D14

#14C614

Color Blindness Simulation

Original

#146DC6

Protanopia

#3B3BB0

Deuteranopia

#352FAB

Tritanopia

#189F9C

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDBF8
300
#90C2F4
400
#54A1EE
500
#1780E8
600
#1366B9
700
#0F5294
800
#0C4074
900
#0D3054
950
#081F35

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

4.03: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