Màu có tên gần nhất · #EBDAD8
#EBDAD8
Màu có tên gần nhất: Hyper Light Drifter
#EBDAD8 (rgb(235 218 216), hsl(6 32% 88%), oklch(0.902 0.019 25.6)) gần nhất với màu có tên Hyper Light Drifter. 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.
#EBDAD8
oklch(0.902 0.019 25.6)
Chuyển đổi màu
- HEX
- #ebdad8
- RGB
- rgb(235 218 216)
- HSL
- hsl(6 32% 88%)
- HWB
- hwb(6 85% 8%)
- OKLCH
- oklch(0.902 0.019 25.6)
- OKLab
- oklab(0.902 0.017 0.008)
- CIE Lab
- lab(88.4 5.79 3.21)
- LCH
- lch(88.4 6.62 29)
- CMYK
- cmyk(0% 7% 8% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EDDEDC
- EFE1E0
- F1E5E4
- F3E9E7
- F5ECEB
- F7F0EF
- F9F4F3
- FBF8F7
- FDFBFB
Sắc đậm
- CCBDBC
- AEA2A0
- 918785
- 756C6B
- 5B5453
- 413C3B
- 292525
- 131111
- 030202
Sắc xám
- E0D1CF
- D5C7C6
- CABEBD
- BFB5B4
- B4ACAB
- A9A3A2
- 9F9A9A
- 949191
- 8A8988
Hòa sắc
Bổ túc +180°
- EBDAD8
Hyper Light Drifter
- D1E2E5
≈ Valley of Tears
Tương đồng -30° +30°
- EBDAD8
Hyper Light Drifter
- EADADF
≈ Relieved Red
- E9DCD3
≈ Desert Mountain
Bộ ba +120° +240°
- EBDAD8
Hyper Light Drifter
- D7E2D7
≈ Fleeting Green
- D8DFEC
≈ Faint Blue
Bổ túc chia +150° +210°
- EBDAD8
Hyper Light Drifter
- D2E3DE
≈ Morning Breeze
- D3E1EA
≈ Pale Grey Blue
Bộ bốn +90° +180° +270°
- EBDAD8
Hyper Light Drifter
- DEE0D2
≈ Whitened Sage
- D1E2E5
≈ Valley of Tears
- DFDCEA
≈ Artemis Silver
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.35:1 · APCA Lc 17
Ag
AAATrên nền đen
WCAG 15.55:1 · APCA Lc 86
Màu chữ tốt nhất: #000000
WCAG 15.55:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
CSS
:root {
--hyper-light-drifter: #ebdad8;
--hyper-light-drifter-rgb: 235 218 216;
--hyper-light-drifter-oklch: oklch(0.902 0.019 25.6);
}
.element {
color: var(--hyper-light-drifter);
background-color: hsl(6 32% 88%);
border-color: oklch(0.902 0.019 25.6);
}Tailwind CSS v4
@theme {
--color-hyper-light-drifter: #ebdad8;
--color-hyper-light-drifter-50: #fbf3f2;
--color-hyper-light-drifter-100: #eee6e4;
--color-hyper-light-drifter-200: #dcd1d0;
--color-hyper-light-drifter-300: #c1b4b2;
--color-hyper-light-drifter-400: #a99a99;
--color-hyper-light-drifter-500: #938280;
--color-hyper-light-drifter-600: #7c6e6c;
--color-hyper-light-drifter-700: #635856;
--color-hyper-light-drifter-800: #49403f;
--color-hyper-light-drifter-900: #322c2b;
--color-hyper-light-drifter-950: #1e1919;
}SCSS
$hyper-light-drifter: #ebdad8;
$hyper-light-drifter-rgb: 235, 218, 216;
$hyper-light-drifter-light: mix(#fff, $hyper-light-drifter, 20%);
$hyper-light-drifter-dark: mix(#000, $hyper-light-drifter, 20%);
.element {
color: $hyper-light-drifter;
box-shadow: 0 0 0 2px rgba($hyper-light-drifter, 0.35);
}