#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

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