Colore con nome · #E6C9A4
Gentle Fawn
Gentle Fawn è #E6C9A4: rgb(230 201 164), hsl(34 57% 77%), oklch(0.851 0.059 73.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Gentle Fawn color name →
#E6C9A4
oklch(0.851 0.059 73.6)
Conversioni di colore
- HEX
- #e6c9a4
- RGB
- rgb(230 201 164)
- HSL
- hsl(34 57% 77%)
- HWB
- hwb(34 64% 10%)
- OKLCH
- oklch(0.851 0.059 73.6)
- OKLab
- oklab(0.851 0.017 0.057)
- CIE Lab
- lab(82.77 6.55 22.52)
- LCH
- lch(82.77 23.45 73.8)
- CMYK
- cmyk(0% 13% 29% 10%)
Tinte · Ombre · Toni
Tinte
- E9CEAD
- EBD4B6
- EED9BF
- F0DFC8
- F3E4D1
- F5E9DA
- F8EFE4
- FAF4ED
- FDFAF6
Ombre
- C8AE8E
- AB9579
- 8E7C64
- 736450
- 594C3D
- 40362B
- 28221A
- 130F0A
- 030201
Toni
- DBC1A1
- D1BA9D
- C6B39A
- BCAB96
- B2A492
- A89D8F
- 9E958B
- 948E87
- 8A8784
Armonie di colore
Complementare +180°
- E6C9A4
Gentle Fawn
- B4D1F5
≈ Ice Cold Stare
Analogo -30° +30°
- E6C9A4
Gentle Fawn
- F1C3AF
≈ Peach Temptation
- D4D1A4
≈ Cream Cheese Avocado
Triadico +120° +240°
- E6C9A4
Gentle Fawn
- A1DBD9
≈ Aqua Island
- DCC3EA
≈ Glittering Gemstone
Complementare divisa +150° +210°
- E6C9A4
Gentle Fawn
- A5D7EB
≈ Blue Bubble
- C8CAF4
≈ Soap
Tetradico +90° +180° +270°
- E6C9A4
Gentle Fawn
- ABDBC4
≈ Mint Gala
- B4D1F5
≈ Ice Cold Stare
- EBBFD8
≈ Parrot Tulip
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.58:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.25:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.25:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--gentle-fawn: #e6c9a4;
--gentle-fawn-rgb: 230 201 164;
--gentle-fawn-oklch: oklch(0.851 0.059 73.6);
}
.element {
color: var(--gentle-fawn);
background-color: hsl(34 57% 77%);
border-color: oklch(0.851 0.059 73.6);
}Tailwind CSS v4
@theme {
--color-gentle-fawn: #e6c9a4;
--color-gentle-fawn-50: #fff3e3;
--color-gentle-fawn-100: #f4e6d3;
--color-gentle-fawn-200: #e3d1b9;
--color-gentle-fawn-300: #c9b496;
--color-gentle-fawn-400: #b49a78;
--color-gentle-fawn-500: #9e805a;
--color-gentle-fawn-600: #866d4c;
--color-gentle-fawn-700: #6b573d;
--color-gentle-fawn-800: #4f3f2b;
--color-gentle-fawn-900: #372b1d;
--color-gentle-fawn-950: #22190d;
}SCSS
$gentle-fawn: #e6c9a4;
$gentle-fawn-rgb: 230, 201, 164;
$gentle-fawn-light: mix(#fff, $gentle-fawn, 20%);
$gentle-fawn-dark: mix(#000, $gentle-fawn, 20%);
.element {
color: $gentle-fawn;
box-shadow: 0 0 0 2px rgba($gentle-fawn, 0.35);
}