Colore con nome · #F9D09C
Warm Cocoon
Warm Cocoon è #F9D09C: rgb(249 208 156), hsl(34 89% 79%), oklch(0.881 0.081 73.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Warm Cocoon color name →
#F9D09C
oklch(0.881 0.081 73.1)
Conversioni di colore
- HEX
- #f9d09c
- RGB
- rgb(249 208 156)
- HSL
- hsl(34 89% 79%)
- HWB
- hwb(34 61% 2%)
- OKLCH
- oklch(0.881 0.081 73.1)
- OKLab
- oklab(0.881 0.024 0.078)
- CIE Lab
- lab(86.16 9.78 31.54)
- LCH
- lch(86.16 33.02 72.8)
- CMYK
- cmyk(0% 16% 37% 2%)
Tinte · Ombre · Toni
Tinte
- FAD5A6
- FBDAB0
- FBDEBA
- FCE3C4
- FDE8CE
- FDECD8
- FEF1E2
- FEF6EC
- FFFAF5
Ombre
- D9B587
- B99A73
- 9A805F
- 7D674C
- 614F39
- 463928
- 2C2318
- 151009
- 030201
Toni
- ECC89A
- E0C097
- D3B895
- C7AF92
- BBA78F
- AF9F8C
- A39889
- 979086
- 8C8883
Armonie di colore
Complementare +180°
- F9D09C
Warm Cocoon
- BDDBFF
≈ Broad Daylight
Analogo -30° +30°
- F9D09C
Warm Cocoon
- FFCAB5
≈ Peach and Quiet
- E1DB9C
≈ Bamboo Mat
Triadico +120° +240°
- F9D09C
Warm Cocoon
- 96E9E6
≈ Freezy Breezy
- EBC9FF
≈ Aquarelle Lilac
Complementare divisa +150° +210°
- F9D09C
Warm Cocoon
- 9BE4FF
≈ Winter Wizard
- D1D3FF
≈ Pale Phthalo Blue
Tetradico +90° +180° +270°
- F9D09C
Warm Cocoon
- A6E9C8
≈ Tropical
- BDDBFF
≈ Broad Daylight
- FFC3E6
≈ Sugarwinkle
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.44:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.53:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.53:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--warm-cocoon: #f9d09c;
--warm-cocoon-rgb: 249 208 156;
--warm-cocoon-oklch: oklch(0.881 0.081 73.1);
}
.element {
color: var(--warm-cocoon);
background-color: hsl(34 89% 79%);
border-color: oklch(0.881 0.081 73.1);
}Tailwind CSS v4
@theme {
--color-warm-cocoon: #f9d09c;
--color-warm-cocoon-50: #fff2dc;
--color-warm-cocoon-100: #f8e5cb;
--color-warm-cocoon-200: #e9d0ae;
--color-warm-cocoon-300: #d0b289;
--color-warm-cocoon-400: #bc9768;
--color-warm-cocoon-500: #a77d45;
--color-warm-cocoon-600: #8d6a3c;
--color-warm-cocoon-700: #71552f;
--color-warm-cocoon-800: #543d21;
--color-warm-cocoon-900: #3b2a16;
--color-warm-cocoon-950: #251807;
}SCSS
$warm-cocoon: #f9d09c;
$warm-cocoon-rgb: 249, 208, 156;
$warm-cocoon-light: mix(#fff, $warm-cocoon, 20%);
$warm-cocoon-dark: mix(#000, $warm-cocoon, 20%);
.element {
color: $warm-cocoon;
box-shadow: 0 0 0 2px rgba($warm-cocoon, 0.35);
}