#F1B862

#F1B862

Color Values

HEX

#F1B862

RGB

241, 184, 98

HSL

36.1, 83.6%, 66.5%

HSV

36.1, 59.3%, 94.5%

CMYK

0.0%, 23.7%, 59.3%, 5.5%

OKLCH

0.8179 0.1226 75.8

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#F1B862

#629BF1

Analogous

#F17162

#E2F162

#F1B862

Triadic

#F1B862

#62F1B8

#B862F1

Split Complementary

#F1B862

#62E2F1

#7162F1

Tetradic

#F1B862

#62F171

#629BF1

#F162E2

Color Blindness Simulation

Original

#F1B862

Protanopia

#D8D877

Deuteranopia

#DCE07C

Tritanopia

#EE878B

Achromatopsia

#BEBEBE

CSS Usage

background-color: #F1B862;
color: #F1B862;
border-color: #F1B862;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FDF8F2
100
#FAF0E0
200
#F9E1BD
300
#F5CC8F
400
#F0B152
500
#EA9515
600
#BB7711
700
#965F0D
800
#754B0A
900
#55380C
950
#362308

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

11.77:1

AA Pass AAA Pass

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