#449ADB

#449ADB

Color Values

HEX

#449ADB

RGB

68, 154, 219

HSL

205.8, 67.7%, 56.3%

HSV

205.8, 68.9%, 85.9%

CMYK

68.9%, 29.7%, 0.0%, 14.1%

OKLCH

0.6624 0.1272 244.4

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#449ADB

#DB8544

Analogous

#44DBD0

#444FDB

#449ADB

Triadic

#449ADB

#DB449A

#9ADB44

Split Complementary

#449ADB

#DB444F

#DBD044

Tetradic

#449ADB

#D044DB

#DB8544

#4FDB44

Color Blindness Simulation

Original

#449ADB

Protanopia

#696ACB

Deuteranopia

#645EC7

Tritanopia

#48BFBC

Achromatopsia

#8C8C8C

CSS Usage

background-color: #449ADB;
color: #449ADB;
border-color: #449ADB;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F3F8FC
100
#E3EFF7
200
#C3DFF3
300
#98C8EB
400
#61AAE1
500
#298CD6
600
#2170AB
700
#1A5989
800
#15466B
900
#13354E
950
#0C2131

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

6.89:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026