#256BBA

#256BBA

Color Values

HEX

#256BBA

RGB

37, 107, 186

HSL

211,8, 66,8%, 43,7%

HSV

211,8, 80,1%, 72,9%

CMYK

80,1%, 42,5%, 0,0%, 27,1%

OKLCH

0,5264 0,142 254,3

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#256BBA

#BA7425

Analogous

#25B5BA

#2925BA

#256BBA

Triadic

#256BBA

#BA256B

#6BBA25

Split Complementary

#256BBA

#BA2925

#B5BA25

Tetradic

#256BBA

#BA25B5

#BA7425

#25BA29

Color Blindness Simulation

Original

#256BBA

Protanopia

#4344A7

Deuteranopia

#3F3AA2

Tritanopia

#289894

Achromatopsia

#626262

CSS Usage

background-color: #256BBA;
color: #256BBA;
border-color: #256BBA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C3DAF3
300
#99BFEB
400
#629DE0
500
#2A7AD5
600
#2262AA
700
#1B4E88
800
#153D6A
900
#132F4E
950
#0C1D31

Contrast Checker

Text on white

5,4:1

AA Pass AAA Fail

Text on black

3,89:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026