#FED695

#FED695

Color Values

HEX

#FED695

RGB

254, 214, 149

HSL

37.1, 98.1%, 79.0%

HSV

37.1, 41.3%, 99.6%

CMYK

0.0%, 15.7%, 41.3%, 0.4%

OKLCH

0.8956 0.0935 79.3

Properties

Warm Light Nearest: burlywood 1

Color Harmonies

Complementary

#FED695

#95BDFE

Analogous

#FEA195

#F2FE95

#FED695

Triadic

#FED695

#95FED6

#D695FE

Split Complementary

#FED695

#95F2FE

#A195FE

Tetradic

#FED695

#95FEA1

#95BDFE

#FE95F2

Color Blindness Simulation

Original

#FED695

Protanopia

#EDECA5

Deuteranopia

#EFF2A8

Tritanopia

#FCB1B4

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF1DE
200
#FEE4B8
300
#FED086
400
#FDB744
500
#FD9D02
600
#CA7E02
700
#A26502
800
#7E4F01
900
#5B3B06
950
#3A2504

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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