#263E44

#263E44

Color Values

HEX

#263E44

RGB

38, 62, 68

HSL

192.0, 28.3%, 20.8%

HSV

192.0, 44.1%, 26.7%

CMYK

44.1%, 8.8%, 0.0%, 73.3%

OKLCH

0.3467 0.0315 215.2

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#263E44

#442C26

Analogous

#26443B

#262F44

#263E44

Triadic

#263E44

#44263E

#3E4426

Split Complementary

#263E44

#44262F

#443B26

Tetradic

#263E44

#3B2644

#442C26

#2F4426

Color Blindness Simulation

Original

#263E44

Protanopia

#303143

Deuteranopia

#2F2D42

Tritanopia

#274141

Achromatopsia

#393939

CSS Usage

background-color: #263E44;
color: #263E44;
border-color: #263E44;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F8F9
100
#E9F0F1
200
#D1E1E5
300
#B0CCD3
400
#86B1BB
500
#5B95A4
600
#497783
700
#3B5F69
800
#2E4B52
900
#24383D
950
#172326

Contrast Checker

Text on white

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

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