#145DB8

#145DB8

Color Values

HEX

#145DB8

RGB

20, 93, 184

HSL

213.3, 80.4%, 40.0%

HSV

213.3, 89.1%, 72.2%

CMYK

89.1%, 49.5%, 0.0%, 27.8%

OKLCH

0.4896 0.1594 257.0

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#145DB8

#B86F14

Analogous

#14AFB8

#1D14B8

#145DB8

Triadic

#145DB8

#B8145D

#5DB814

Split Complementary

#145DB8

#B81D14

#AFB814

Tetradic

#145DB8

#B814AF

#B86F14

#14B81D

Color Blindness Simulation

Original

#145DB8

Protanopia

#3434A2

Deuteranopia

#2F2A9D

Tritanopia

#18918D

Achromatopsia

#545454

CSS Usage

background-color: #145DB8;
color: #145DB8;
border-color: #145DB8;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F7FD
100
#E1ECF9
200
#BFD8F8
300
#91BCF3
400
#5598ED
500
#1974E6
600
#145DB8
700
#104A93
800
#0C3A73
900
#0D2D54
950
#081C35

Contrast Checker

Text on white

6.39:1

AA Pass AAA Fail

Text on black

3.29:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026