Màu có tên · #EBE4BE
Arctic Daisy
Arctic Daisy là #EBE4BE: rgb(235 228 190), hsl(51 53% 83%), oklch(0.915 0.05 98.6). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Yellow mean? → · Arctic Daisy color name →
#EBE4BE
oklch(0.915 0.05 98.6)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EDE7C5
- EFE9CB
- F1ECD2
- F3EFD8
- F5F2DF
- F7F4E5
- F9F7EC
- FBFAF2
- FDFCF9
Sắc đậm
- CCC6A5
- AEA98C
- 918D75
- 75725E
- 5B5848
- 413F33
- 29281F
- 13120D
- 030302
Sắc xám
- E0DAB8
- D5CFB2
- CAC5AB
- BFBBA5
- B4B19F
- A9A799
- 9F9D92
- 94938C
- 8A8A86
Hòa sắc
Bổ túc +180°
- EBE4BE
Arctic Daisy
- DCE1FF
≈ Stoic White
Tương đồng -30° +30°
- EBE4BE
Arctic Daisy
- FADDC0
≈ Mystic Opal
- D9EAC7
≈ Korila
Bộ ba +120° +240°
- EBE4BE
Arctic Daisy
- BEECFA
≈ Ice Effect
- FBD7EE
≈ Jacaranda
Bổ túc chia +150° +210°
- EBE4BE
Arctic Daisy
- CDE6FF
≈ Veiling Waterfalls
- ECDAFD
≈ Lavender Savour
Bộ bốn +90° +180° +270°
- EBE4BE
Arctic Daisy
- BDEEE9
≈ Cold Blooded
- DCE1FF
≈ Stoic White
- FFD7DD
≈ No Need to Blush
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.28:1 · APCA Lc 14
Ag
AAATrên nền đen
WCAG 16.37:1 · APCA Lc 90
Màu chữ tốt nhất: #000000
WCAG 16.37:1 (AAA) · APCA Lc 90
Contrast pairs
Đoạn mã
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);
}