#263E48

#263E48

Color Values

HEX

#263E48

RGB

38, 62, 72

HSL

197.6, 30.9%, 21.6%

HSV

197.6, 47.2%, 28.2%

CMYK

47.2%, 13.9%, 0.0%, 71.8%

OKLCH

0.3485 0.0345 226.2

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#263E48

#483026

Analogous

#264841

#262D48

#263E48

Triadic

#263E48

#48263E

#3E4826

Split Complementary

#263E48

#48262D

#484126

Tetradic

#263E48

#412648

#483026

#2D4826

Color Blindness Simulation

Original

#263E48

Protanopia

#303146

Deuteranopia

#2F2D45

Tritanopia

#274443

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E8EFF2
200
#D0E0E6
300
#AFCAD5
400
#83ADBE
500
#5890A7
600
#467386
700
#385C6B
800
#2C4853
900
#23363E
950
#162227

Contrast Checker

Text on white

11.26:1

AA Pass AAA Pass

Text on black

1.87:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026