#F1B293

#F1B293

Color Values

HEX

#F1B293

RGB

241, 178, 147

HSL

19.8, 77.0%, 76.1%

HSV

19.8, 39.0%, 94.5%

CMYK

0.0%, 26.1%, 39.0%, 5.5%

OKLCH

0.8146 0.0852 47.3

Properties

Warm Light Nearest: NCS S 0530-Y90R Light Orange

Color Harmonies

Complementary

#F1B293

#93D2F1

Analogous

#F193A3

#F1E193

#F1B293

Triadic

#F1B293

#93F1B2

#B293F1

Split Complementary

#F1B293

#93F1E1

#93A3F1

Tetradic

#F1B293

#A3F193

#93D2F1

#E193F1

Color Blindness Simulation

Original

#F1B293

Protanopia

#D6D59A

Deuteranopia

#D9DE9C

Tritanopia

#EEA0A2

Achromatopsia

#BDBDBD

CSS Usage

background-color: #F1B293;
color: #F1B293;
border-color: #F1B293;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FCF6F2
100
#F9E9E1
200
#F7D2C0
300
#F1B293
400
#E98858
500
#E25E1D
600
#B54B17
700
#903C13
800
#712F0F
900
#52250F
950
#341709

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.53:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026