#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

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026