#263C52

#263C52

Color Values

HEX

#263C52

RGB

38, 60, 82

HSL

210,0, 36,7%, 23,5%

HSV

210,0, 53,7%, 32,2%

CMYK

53,7%, 26,8%, 0,0%, 67,8%

OKLCH

0,3482 0,0477 249,3

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#263C52

#523C26

Analogous

#265252

#262652

#263C52

Triadic

#263C52

#52263C

#3C5226

Split Complementary

#263C52

#522626

#525226

Tetradic

#263C52

#522652

#523C26

#265226

Color Blindness Simulation

Original

#263C52

Protanopia

#30304D

Deuteranopia

#2E2D4B

Tritanopia

#274848

Achromatopsia

#393939

CSS Usage

background-color: #263C52;
color: #263C52;
border-color: #263C52;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CEDBE8
300
#ABC2D8
400
#7EA1C3
500
#5180AE
600
#41668B
700
#345270
800
#284057
900
#203040
950
#141F29

Contrast Checker

Text on white

11,35:1

AA Pass AAA Pass

Text on black

1,85:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Oca 18, 2026