#242733

#242733

Color Values

HEX

#242733

RGB

36, 39, 51

HSL

228.0, 17.2%, 17.1%

HSV

228.0, 29.4%, 20.0%

CMYK

29.4%, 23.5%, 0.0%, 80.0%

OKLCH

0.2751 0.0227 273.9

Properties

Cool Dark Nearest: RAL 5008 Grey Blue

Color Harmonies

Complementary

#242733

#333024

Analogous

#242F33

#292433

#242733

Triadic

#242733

#332427

#273324

Split Complementary

#242733

#332924

#2F3324

Tetradic

#242733

#33242F

#333024

#243329

Color Blindness Simulation

Original

#242733

Protanopia

#252530

Deuteranopia

#25252F

Tritanopia

#242E2D

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBECF0
200
#D5D8E1
300
#B7BBCC
400
#9097B1
500
#6A7295
600
#545B78
700
#444960
800
#35394B
900
#292C38
950
#1A1C23

Contrast Checker

Text on white

14.86:1

AA Pass AAA Pass

Text on black

1.41:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026