#256270

#256270

Color Values

HEX

#256270

RGB

37, 98, 112

HSL

191.2, 50.3%, 29.2%

HSV

191.2, 67.0%, 43.9%

CMYK

67.0%, 12.5%, 0.0%, 56.1%

OKLCH

0.4629 0.0656 215.5

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#256270

#703325

Analogous

#257058

#253C70

#256270

Triadic

#256270

#702562

#627025

Split Complementary

#256270

#70253C

#705825

Tetradic

#256270

#582570

#703325

#3C7025

Color Blindness Simulation

Original

#256270

Protanopia

#3F406D

Deuteranopia

#3C376C

Tritanopia

#286A69

Achromatopsia

#565656

CSS Usage

background-color: #256270;
color: #256270;
border-color: #256270;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F4F9FB
100
#E6F2F5
200
#C9E7ED
300
#A3D5E1
400
#71BED0
500
#3FA8C0
600
#338699
700
#296B7B
800
#205460
900
#1B3E46
950
#11272C

Contrast Checker

Text on white

6.86:1

AA Pass AAA Fail

Text on black

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