Warna bernama · #EBE4BE
Arctic Daisy
Arctic Daisy adalah #EBE4BE: rgb(235 228 190), hsl(51 53% 83%), oklch(0.915 0.05 98.6). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Arctic Daisy color name →
#EBE4BE
oklch(0.915 0.05 98.6)
Konversi warna
- HEX
- #ebe4be
- RGB
- rgb(235 228 190)
- HSL
- hsl(51 53% 83%)
- HWB
- hwb(51 75% 8%)
- OKLCH
- oklch(0.915 0.05 98.6)
- OKLab
- oklab(0.915 -0.008 0.05)
- CIE Lab
- lab(90.42 -2.04 19.53)
- LCH
- lch(90.42 19.64 96)
- CMYK
- cmyk(0% 3% 19% 8%)
Tint · Shade · Tone
Tint
- EDE7C5
- EFE9CB
- F1ECD2
- F3EFD8
- F5F2DF
- F7F4E5
- F9F7EC
- FBFAF2
- FDFCF9
Shade
- CCC6A5
- AEA98C
- 918D75
- 75725E
- 5B5848
- 413F33
- 29281F
- 13120D
- 030302
Tone
- E0DAB8
- D5CFB2
- CAC5AB
- BFBBA5
- B4B19F
- A9A799
- 9F9D92
- 94938C
- 8A8A86
Harmoni warna
Komplementer +180°
- EBE4BE
Arctic Daisy
- DCE1FF
≈ Stoic White
Analog -30° +30°
- EBE4BE
Arctic Daisy
- FADDC0
≈ Mystic Opal
- D9EAC7
≈ Korila
Triadik +120° +240°
- EBE4BE
Arctic Daisy
- BEECFA
≈ Ice Effect
- FBD7EE
≈ Jacaranda
Split-komplementer +150° +210°
- EBE4BE
Arctic Daisy
- CDE6FF
≈ Veiling Waterfalls
- ECDAFD
≈ Lavender Savour
Tetradik +90° +180° +270°
- EBE4BE
Arctic Daisy
- BDEEE9
≈ Cold Blooded
- DCE1FF
≈ Stoic White
- FFD7DD
≈ No Need to Blush
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.28:1 · APCA Lc 14
Ag
AAADi atas hitam
WCAG 16.37:1 · APCA Lc 90
Warna teks terbaik: #000000
WCAG 16.37:1 (AAA) · APCA Lc 90
Contrast pairs
Cuplikan kode
CSS
:root {
--arctic-daisy: #ebe4be;
--arctic-daisy-rgb: 235 228 190;
--arctic-daisy-oklch: oklch(0.915 0.05 98.6);
}
.element {
color: var(--arctic-daisy);
background-color: hsl(51 53% 83%);
border-color: oklch(0.915 0.05 98.6);
}Tailwind CSS v4
@theme {
--color-arctic-daisy: #ebe4be;
--color-arctic-daisy-50: #f8f6e6;
--color-arctic-daisy-100: #ebe9d6;
--color-arctic-daisy-200: #d9d5bd;
--color-arctic-daisy-300: #bdb99b;
--color-arctic-daisy-400: #a69f7d;
--color-arctic-daisy-500: #8e8760;
--color-arctic-daisy-600: #787252;
--color-arctic-daisy-700: #605b41;
--color-arctic-daisy-800: #47432e;
--color-arctic-daisy-900: #312e1f;
--color-arctic-daisy-950: #1d1b0f;
}SCSS
$arctic-daisy: #ebe4be;
$arctic-daisy-rgb: 235, 228, 190;
$arctic-daisy-light: mix(#fff, $arctic-daisy, 20%);
$arctic-daisy-dark: mix(#000, $arctic-daisy, 20%);
.element {
color: $arctic-daisy;
box-shadow: 0 0 0 2px rgba($arctic-daisy, 0.35);
}