#F06136

#F06136

Color Values

HEX

#F06136

RGB

240, 97, 54

HSL

13,9, 86,1%, 57,6%

HSV

13,9, 77,5%, 94,1%

CMYK

0,0%, 59,6%, 77,5%, 5,9%

OKLCH

0,6691 0,1856 37,0

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#F06136

#36C5F0

Analogous

#F03668

#F0BE36

#F06136

Triadic

#F06136

#36F061

#6136F0

Split Complementary

#F06136

#36F0BE

#3668F0

Tetradic

#F06136

#68F036

#36C5F0

#BE36F0

Color Blindness Simulation

Original

#F06136

Protanopia

#B2B140

Deuteranopia

#BAC543

Tritanopia

#E9494A

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FDF4F2
100
#FAE6E0
200
#FACBBD
300
#F6A68D
400
#F2754F
500
#ED4512
600
#BE370E
700
#982C0B
800
#772209
900
#561C0B
950
#361207

Contrast Checker

Text on white

3,25:1

AA Fail AAA Fail

Text on black

6,47:1

AA Pass AAA Fail

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