#257BCC

#257BCC

Color Values

HEX

#257BCC

RGB

37, 123, 204

HSL

209.1, 69.3%, 47.3%

HSV

209.1, 81.9%, 80.0%

CMYK

81.9%, 39.7%, 0.0%, 20.0%

OKLCH

0.5743 0.1478 251.2

Properties

Cool Light Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#257BCC

#CC7625

Analogous

#25CCCA

#2528CC

#257BCC

Triadic

#257BCC

#CC257B

#7BCC25

Split Complementary

#257BCC

#CC2528

#CCCA25

Tetradic

#257BCC

#CA25CC

#CC7625

#28CC25

Color Blindness Simulation

Original

#257BCC

Protanopia

#4A4BB8

Deuteranopia

#453FB4

Tritanopia

#29A9A6

Achromatopsia

#6F6F6F

CSS Usage

background-color: #257BCC;
color: #257BCC;
border-color: #257BCC;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FC
100
#E3EDF8
200
#C3DCF4
300
#97C3EC
400
#5FA3E2
500
#2782D8
600
#1F68AD
700
#19538A
800
#14416C
900
#12314F
950
#0C1F32

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

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