Warna bernama · #F9D09C
Warm Cocoon
Warm Cocoon adalah #F9D09C: rgb(249 208 156), hsl(34 89% 79%), oklch(0.881 0.081 73.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Warm Cocoon color name →
#F9D09C
oklch(0.881 0.081 73.1)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- FAD5A6
- FBDAB0
- FBDEBA
- FCE3C4
- FDE8CE
- FDECD8
- FEF1E2
- FEF6EC
- FFFAF5
Shade
- D9B587
- B99A73
- 9A805F
- 7D674C
- 614F39
- 463928
- 2C2318
- 151009
- 030201
Tone
- ECC89A
- E0C097
- D3B895
- C7AF92
- BBA78F
- AF9F8C
- A39889
- 979086
- 8C8883
Harmoni warna
Komplementer +180°
- F9D09C
Warm Cocoon
- BDDBFF
≈ Broad Daylight
Analog -30° +30°
- F9D09C
Warm Cocoon
- FFCAB5
≈ Peach and Quiet
- E1DB9C
≈ Bamboo Mat
Triadik +120° +240°
- F9D09C
Warm Cocoon
- 96E9E6
≈ Freezy Breezy
- EBC9FF
≈ Aquarelle Lilac
Split-komplementer +150° +210°
- F9D09C
Warm Cocoon
- 9BE4FF
≈ Winter Wizard
- D1D3FF
≈ Pale Phthalo Blue
Tetradik +90° +180° +270°
- F9D09C
Warm Cocoon
- A6E9C8
≈ Tropical
- BDDBFF
≈ Broad Daylight
- FFC3E6
≈ Sugarwinkle
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.44:1 · APCA Lc 21
Ag
AAADi atas hitam
WCAG 14.53:1 · APCA Lc 82
Warna teks terbaik: #000000
WCAG 14.53:1 (AAA) · APCA Lc 82
Contrast pairs
Cuplikan kode
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);
}