#FA3030

#FA3030

Color Values

HEX

#FA3030

RGB

250, 48, 48

HSL

0.0, 95.3%, 58.4%

HSV

0.0, 80.8%, 98.0%

CMYK

0.0%, 80.8%, 80.8%, 2.0%

OKLCH

0.6379 0.2347 27.1

Properties

Warm Light Nearest: firebrick 1

Color Harmonies

Complementary

#FA3030

#30FAFA

Analogous

#FA3095

#FA9530

#FA3030

Triadic

#FA3030

#30FA30

#3030FA

Split Complementary

#FA3030

#30FA95

#3095FA

Tetradic

#FA3030

#95FA30

#30FAFA

#9530FA

Color Blindness Simulation

Original

#FA3030

Protanopia

#A2A130

Deuteranopia

#AEBD30

Tritanopia

#F03030

Achromatopsia

#5B5B5B

CSS Usage

background-color: #FA3030;
color: #FA3030;
border-color: #FA3030;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FEF1F1
100
#FCDFDF
200
#FDB9B9
300
#FC8787
400
#FB4747
500
#F90606
600
#C70505
700
#9F0404
800
#7D0303
900
#5A0707
950
#390404

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

5.53:1

AA Pass 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