#263F4F

#263F4F

Color Values

HEX

#263F4F

RGB

38, 63, 79

HSL

203.4, 35.0%, 22.9%

HSV

203.4, 51.9%, 31.0%

CMYK

51.9%, 20.3%, 0.0%, 69.0%

OKLCH

0.3546 0.0416 237.7

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#263F4F

#4F3626

Analogous

#264F4A

#262A4F

#263F4F

Triadic

#263F4F

#4F263F

#3F4F26

Split Complementary

#263F4F

#4F262A

#4F4A26

Tetradic

#263F4F

#4A264F

#4F3626

#2A4F26

Color Blindness Simulation

Original

#263F4F

Protanopia

#31314B

Deuteranopia

#2F2E4A

Tritanopia

#274847

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDEE8
300
#ACC7D7
400
#80A8C2
500
#5389AC
600
#426E8A
700
#35586E
800
#294556
900
#213440
950
#152128

Contrast Checker

Text on white

11.02:1

AA Pass AAA Pass

Text on black

1.91:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026