Colore con nome · #F9DDC4
Incan Treasure
Incan Treasure è #F9DDC4: rgb(249 221 196), hsl(28 82% 87%), oklch(0.914 0.046 64). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Incan Treasure color name →
#F9DDC4
oklch(0.914 0.046 64)
Conversioni di colore
- HEX
- #f9ddc4
- RGB
- rgb(249 221 196)
- HSL
- hsl(28 82% 87%)
- HWB
- hwb(28 77% 2%)
- OKLCH
- oklch(0.914 0.046 64)
- OKLab
- oklab(0.914 0.02 0.041)
- CIE Lab
- lab(89.98 7.18 16.05)
- LCH
- lch(89.98 17.58 65.9)
- CMYK
- cmyk(0% 11% 21% 2%)
Tinte · Ombre · Toni
Tinte
- FAE0CA
- FAE4D0
- FBE7D6
- FCEBDC
- FCEEE1
- FDF1E7
- FDF5ED
- FEF8F3
- FEFCF9
Ombre
- D9C0AA
- B9A491
- 9A8878
- 7D6E61
- 61554A
- 463D35
- 2C2621
- 15110E
- 030202
Toni
- ECD3BD
- E0CAB6
- D3C0AF
- C7B7A8
- BBADA2
- AFA49B
- A39B94
- 97928D
- 8B8987
Armonie di colore
Complementare +180°
- F9DDC4
Incan Treasure
- CAE7FF
≈ Icy Landscape
Analogo -30° +30°
- F9DDC4
Incan Treasure
- FFD9CF
≈ Shy Girl
- ECE3C1
≈ Beurre Blanc
Triadico +120° +240°
- F9DDC4
Incan Treasure
- C2EDE6
≈ Path to the Sky
- E9DCFC
≈ Lavender Savour
Complementare divisa +150° +210°
- F9DDC4
Incan Treasure
- C1EBF5
≈ Icy Breeze
- DAE1FF
≈ Stoic White
Tetradico +90° +180° +270°
- F9DDC4
Incan Treasure
- CCECD5
≈ Glacial Water Green
- CAE7FF
≈ Icy Landscape
- F6D8EF
≈ Jacaranda
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.16:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.16:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--incan-treasure: #f9ddc4;
--incan-treasure-rgb: 249 221 196;
--incan-treasure-oklch: oklch(0.914 0.046 64);
}
.element {
color: var(--incan-treasure);
background-color: hsl(28 82% 87%);
border-color: oklch(0.914 0.046 64);
}Tailwind CSS v4
@theme {
--color-incan-treasure: #f9ddc4;
--color-incan-treasure-50: #fff3e8;
--color-incan-treasure-100: #f3e5d8;
--color-incan-treasure-200: #e2d1c0;
--color-incan-treasure-300: #c8b39f;
--color-incan-treasure-400: #b29983;
--color-incan-treasure-500: #9c8067;
--color-incan-treasure-600: #846d57;
--color-incan-treasure-700: #6a5746;
--color-incan-treasure-800: #4e3f32;
--color-incan-treasure-900: #362b22;
--color-incan-treasure-950: #211911;
}SCSS
$incan-treasure: #f9ddc4;
$incan-treasure-rgb: 249, 221, 196;
$incan-treasure-light: mix(#fff, $incan-treasure, 20%);
$incan-treasure-dark: mix(#000, $incan-treasure, 20%);
.element {
color: $incan-treasure;
box-shadow: 0 0 0 2px rgba($incan-treasure, 0.35);
}