#902425

#902425

Color Values

HEX

#902425

RGB

144, 36, 37

HSL

359.4, 60.0%, 35.3%

HSV

359.4, 75.0%, 56.5%

CMYK

0.0%, 75.0%, 74.3%, 43.5%

OKLCH

0.4357 0.1438 25.0

Properties

Warm Dark Nearest: brown 4

Color Harmonies

Complementary

#902425

#24908F

Analogous

#90245B

#905924

#902425

Triadic

#902425

#259024

#242590

Split Complementary

#902425

#249059

#245B90

Tetradic

#902425

#5B9024

#24908F

#592490

Color Blindness Simulation

Original

#902425

Protanopia

#616025

Deuteranopia

#687025

Tritanopia

#8B2525

Achromatopsia

#3B3B3B

CSS Usage

background-color: #902425;
color: #902425;
border-color: #902425;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FBF3F4
100
#F6E4E4
200
#F1C6C6
300
#E79D9E
400
#D96869
500
#CC3335
600
#A3292A
700
#832122
800
#661A1A
900
#4B1617
950
#2F0E0E

Contrast Checker

Text on white

8.52:1

AA Pass AAA Pass

Text on black

2.46:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026