#449BAF

#449BAF

Color Values

HEX

#449BAF

RGB

68, 155, 175

HSL

191,2, 44,0%, 47,6%

HSV

191,2, 61,1%, 68,6%

CMYK

61,1%, 11,4%, 0,0%, 31,4%

OKLCH

0,6445 0,0877 215,3

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#449BAF

#AF5844

Analogous

#44AF8D

#4465AF

#449BAF

Triadic

#449BAF

#AF449B

#9BAF44

Split Complementary

#449BAF

#AF4465

#AF8D44

Tetradic

#449BAF

#8D44AF

#AF5844

#65AF44

Color Blindness Simulation

Original

#449BAF

Protanopia

#6A6AAA

Deuteranopia

#655EA9

Tritanopia

#48A6A6

Achromatopsia

#8A8A8A

CSS Usage

background-color: #449BAF;
color: #449BAF;
border-color: #449BAF;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4F9FA
100
#E6F1F4
200
#CCE5EB
300
#A7D3DD
400
#77BBCA
500
#47A3B8
600
#398293
700
#2E6876
800
#24515C
900
#1D3C44
950
#12262B

Contrast Checker

Text on white

3,2:1

AA Fail AAA Fail

Text on black

6,55:1

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