#0F242C

#0F242C

Color Values

HEX

#0F242C

RGB

15, 36, 44

HSL

196.6, 49.2%, 11.6%

HSV

196.6, 65.9%, 17.3%

CMYK

65.9%, 18.2%, 0.0%, 82.7%

OKLCH

0.2468 0.0309 225.1

Properties

Cool Dark Nearest: RAL 7021 Black Grey

Color Harmonies

Complementary

#0F242C

#2C170F

Analogous

#0F2C26

#0F162C

#0F242C

Triadic

#0F242C

#2C0F24

#242C0F

Split Complementary

#0F242C

#2C0F16

#2C260F

Tetradic

#0F242C

#260F2C

#2C170F

#162C0F

Color Blindness Simulation

Original

#0F242C

Protanopia

#18182A

Deuteranopia

#17152A

Tritanopia

#102928

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E6F0F5
200
#CAE3ED
300
#A4CFE0
400
#72B5CF
500
#419CBE
600
#347C98
700
#29647A
800
#204E5F
900
#1B3A46
950
#11252C

Contrast Checker

Text on white

16.04:1

AA Pass AAA Pass

Text on black

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