#399CB2

#399CB2

Color Values

HEX

#399CB2

RGB

57, 156, 178

HSL

190.9, 51.5%, 46.1%

HSV

190.9, 68.0%, 69.8%

CMYK

68.0%, 12.4%, 0.0%, 30.2%

OKLCH

0.6446 0.0953 215.4

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#399CB2

#B24F39

Analogous

#39B28C

#3960B2

#399CB2

Triadic

#399CB2

#B2399C

#9CB239

Split Complementary

#399CB2

#B23960

#B28C39

Tetradic

#399CB2

#8C39B2

#B24F39

#60B239

Color Blindness Simulation

Original

#399CB2

Protanopia

#6465AD

Deuteranopia

#5E57AB

Tritanopia

#3EA8A8

Achromatopsia

#898989

CSS Usage

background-color: #399CB2;
color: #399CB2;
border-color: #399CB2;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4F9FB
100
#E5F2F5
200
#C9E7EE
300
#A2D6E1
400
#70C0D1
500
#3EA9C1
600
#31879B
700
#286C7C
800
#1F5561
900
#1A3F47
950
#10282D

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

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