#243F40

#243F40

Color Values

HEX

#243F40

RGB

36, 63, 64

HSL

182.1, 28.0%, 19.6%

HSV

182.1, 43.8%, 25.1%

CMYK

43.8%, 1.6%, 0.0%, 74.9%

OKLCH

0.3466 0.033 198.8

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#243F40

#402524

Analogous

#244033

#243140

#243F40

Triadic

#243F40

#40243F

#3F4024

Split Complementary

#243F40

#402431

#403324

Tetradic

#243F40

#332440

#402524

#314024

Color Blindness Simulation

Original

#243F40

Protanopia

#303040

Deuteranopia

#2E2C40

Tritanopia

#254040

Achromatopsia

#393939

CSS Usage

background-color: #243F40;
color: #243F40;
border-color: #243F40;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D1E5E5
300
#B1D2D3
400
#86B9BB
500
#5CA1A3
600
#498183
700
#3B6768
800
#2E5052
900
#243C3D
950
#172626

Contrast Checker

Text on white

11.29:1

AA Pass AAA Pass

Text on black

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