#242530

#242530

Color Values

HEX

#242530

RGB

36, 37, 48

HSL

235.0, 14.3%, 16.5%

HSV

235.0, 25.0%, 18.8%

CMYK

25.0%, 22.9%, 0.0%, 81.2%

OKLCH

0.2683 0.0205 280.8

Properties

Cool Dark Nearest: RAL 5008 Grey Blue

Color Harmonies

Complementary

#242530

#302F24

Analogous

#242B30

#292430

#242530

Triadic

#242530

#302425

#253024

Split Complementary

#242530

#302924

#2B3024

Tetradic

#242530

#30242B

#302F24

#243029

Color Blindness Simulation

Original

#242530

Protanopia

#24242D

Deuteranopia

#24242D

Tritanopia

#242B2B

Achromatopsia

#262626

CSS Usage

background-color: #242530;
color: #242530;
border-color: #242530;
Nearest Tailwind: Gray 800 #1F2937

Tailwind Shades

50
#F6F7F8
100
#EBEBEF
200
#D6D7E0
300
#B9BBCB
400
#9395AE
500
#6D7092
600
#575A75
700
#46485D
800
#373849
900
#2A2B37
950
#1B1B23

Contrast Checker

Text on white

15.19:1

AA Pass AAA Pass

Text on black

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