#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

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