#26526D

#26526D

Color Values

HEX

#26526D

RGB

38, 82, 109

HSL

202.8, 48.3%, 28.8%

HSV

202.8, 65.1%, 42.7%

CMYK

65.1%, 24.8%, 0.0%, 57.3%

OKLCH

0.4199 0.0663 238.1

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#26526D

#6D4126

Analogous

#266D64

#262E6D

#26526D

Triadic

#26526D

#6D2652

#526D26

Split Complementary

#26526D

#6D262E

#6D6426

Tetradic

#26526D

#64266D

#6D4126

#2E6D26

Color Blindness Simulation

Original

#26526D

Protanopia

#393966

Deuteranopia

#363365

Tritanopia

#286160

Achromatopsia

#4B4B4B

CSS Usage

background-color: #26526D;
color: #26526D;
border-color: #26526D;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F4F8FA
100
#E6EFF4
200
#CADFED
300
#A4C9DF
400
#73ACCE
500
#428EBD
600
#357297
700
#2A5B79
800
#21475F
900
#1B3646
950
#11222C

Contrast Checker

Text on white

8.37:1

AA Pass AAA Pass

Text on black

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