#FAC695

#FAC695

Color Values

HEX

#FAC695

RGB

250, 198, 149

HSL

29.1, 91.0%, 78.2%

HSV

29.1, 40.4%, 98.0%

CMYK

0.0%, 20.8%, 40.4%, 2.0%

OKLCH

0.8613 0.0871 64.6

Properties

Warm Light Nearest: burlywood 2

Color Harmonies

Complementary

#FAC695

#95C9FA

Analogous

#FA9596

#FAF895

#FAC695

Triadic

#FAC695

#95FAC6

#C695FA

Split Complementary

#FAC695

#95FAF8

#9596FA

Tetradic

#FAC695

#96FA95

#95C9FA

#F895FA

Color Blindness Simulation

Original

#FAC695

Protanopia

#E3E3A1

Deuteranopia

#E6EAA4

Tritanopia

#F7AAAC

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDABB
300
#F9C08A
400
#F79E4B
500
#F47C0B
600
#C36309
700
#9C4F07
800
#7A3E06
900
#582F09
950
#381E06

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.58: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