#F6DAAD

#F6DAAD

Color Values

HEX

#F6DAAD

RGB

246, 218, 173

HSL

37.0, 80.2%, 82.2%

HSV

37.0, 29.7%, 96.5%

CMYK

0.0%, 11.4%, 29.7%, 3.5%

OKLCH

0.9006 0.0663 79.5

Properties

Warm Light Nearest: wheat

Color Harmonies

Complementary

#F6DAAD

#ADC9F6

Analogous

#F6B6AD

#EEF6AD

#F6DAAD

Triadic

#F6DAAD

#ADF6DA

#DAADF6

Split Complementary

#F6DAAD

#ADEEF6

#B6ADF6

Tetradic

#F6DAAD

#ADF6B6

#ADC9F6

#F6ADEE

Color Blindness Simulation

Original

#F6DAAD

Protanopia

#EAEAB8

Deuteranopia

#ECEEBA

Tritanopia

#F5C0C2

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#F9F0E1
200
#F8E2BF
300
#F3CD91
400
#ECB255
500
#E69719
600
#B87914
700
#936110
800
#734C0D
900
#53390D
950
#352409

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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