#FB7546

#FB7546

Color Values

HEX

#FB7546

RGB

251, 117, 70

HSL

15.6, 95.8%, 62.9%

HSV

15.6, 72.1%, 98.4%

CMYK

0.0%, 53.4%, 72.1%, 1.6%

OKLCH

0.7139 0.1754 39.3

Properties

Warm Light Nearest: coral

Color Harmonies

Complementary

#FB7546

#46CCFB

Analogous

#FB4671

#FBD046

#FB7546

Triadic

#FB7546

#46FB75

#7546FB

Split Complementary

#FB7546

#46FBD0

#4671FB

Tetradic

#FB7546

#71FB46

#46CCFB

#D046FB

Color Blindness Simulation

Original

#FB7546

Protanopia

#C1C051

Deuteranopia

#C9D354

Tritanopia

#F45A5C

Achromatopsia

#8E8E8E

CSS Usage

background-color: #FB7546;
color: #FB7546;
border-color: #FB7546;
Nearest Tailwind: Orange 600 #EA580C

Tailwind Shades

50
#FEF4F1
100
#FCE6DF
200
#FECBB9
300
#FCA687
400
#FB7546
500
#FA4505
600
#C83704
700
#A02C03
800
#7D2203
900
#5A1C07
950
#391204

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

7.73:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026