#18334B

#18334B

Color Values

HEX

#18334B

RGB

24, 51, 75

HSL

208.2, 51.5%, 19.4%

HSV

208.2, 68.0%, 29.4%

CMYK

68.0%, 32.0%, 0.0%, 70.6%

OKLCH

0.3121 0.0546 247.4

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#18334B

#4B3018

Analogous

#184B49

#181A4B

#18334B

Triadic

#18334B

#4B1833

#334B18

Split Complementary

#18334B

#4B181A

#4B4918

Tetradic

#18334B

#49184B

#4B3018

#1A4B18

Color Blindness Simulation

Original

#18334B

Protanopia

#242445

Deuteranopia

#222044

Tritanopia

#194140

Achromatopsia

#2F2F2F

CSS Usage

background-color: #18334B;
color: #18334B;
border-color: #18334B;
Nearest Tailwind: Sky 950 #082F49

Tailwind Shades

50
#F4F8FB
100
#E5EEF5
200
#C9DCEE
300
#A2C4E1
400
#70A4D1
500
#3E83C1
600
#31699B
700
#28547C
800
#1F4261
900
#1A3247
950
#101F2D

Contrast Checker

Text on white

13.01:1

AA Pass AAA Pass

Text on black

1.61:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026