#25648F

#25648F

Color Values

HEX

#25648F

RGB

37, 100, 143

HSL

204.3, 58.9%, 35.3%

HSV

204.3, 74.1%, 56.1%

CMYK

74.1%, 30.1%, 0.0%, 43.9%

OKLCH

0.4836 0.0939 242.4

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#25648F

#8F5025

Analogous

#258F85

#252F8F

#25648F

Triadic

#25648F

#8F2564

#648F25

Split Complementary

#25648F

#8F252F

#8F8525

Tetradic

#25648F

#85258F

#8F5025

#2F8F25

Color Blindness Simulation

Original

#25648F

Protanopia

#404185

Deuteranopia

#3D3882

Tritanopia

#287C7B

Achromatopsia

#5A5A5A

CSS Usage

background-color: #25648F;
color: #25648F;
border-color: #25648F;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F4F8FB
100
#E4EFF6
200
#C6DFF0
300
#9EC9E6
400
#69ABD8
500
#348ECB
600
#2A71A2
700
#225B82
800
#1A4765
900
#17354A
950
#0E222F

Contrast Checker

Text on white

6.37:1

AA Pass AAA Fail

Text on black

3.3:1

AA Fail 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