Màu có tên · #EBDED7
Berry Frost
Berry Frost là #EBDED7: rgb(235 222 215), hsl(21 33% 88%), oklch(0.909 0.017 50.4). 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 Gray mean? → · Berry Frost color name →
#EBDED7
oklch(0.909 0.017 50.4)
Chuyển đổi màu
- HEX
- #ebded7
- RGB
- rgb(235 222 215)
- HSL
- hsl(21 33% 88%)
- HWB
- hwb(21 84% 8%)
- OKLCH
- oklch(0.909 0.017 50.4)
- OKLab
- oklab(0.909 0.011 0.013)
- CIE Lab
- lab(89.38 3.72 5.12)
- LCH
- lch(89.38 6.33 54)
- CMYK
- cmyk(0% 6% 9% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EDE1DB
- EFE5DF
- F1E8E3
- F3EBE7
- F5EEEB
- F7F2EF
- F9F5F3
- FBF8F7
- FDFCFB
Sắc đậm
- CCC1BB
- AEA59F
- 918985
- 756F6B
- 5B5552
- 413D3B
- 292625
- 131211
- 030202
Sắc xám
- E0D4CE
- D5CAC5
- CAC1BC
- BFB7B3
- B4AEAA
- A9A4A2
- 9F9B99
- 949291
- 8A8988
Hòa sắc
Bổ túc +180°
- EBDED7
Berry Frost
- D6E3EA
≈ Ethereal Moonlight
Tương đồng -30° +30°
- EBDED7
Berry Frost
- ECDDDC
≈ St. Nicholas Beard
- E7E0D5
≈ Aquarelle Beige
Bộ ba +120° +240°
- EBDED7
Berry Frost
- D6E5DF
≈ Fizzle
- E0DFEC
≈ Monterey Mist
Bổ túc chia +150° +210°
- EBDED7
Berry Frost
- D5E5E5
≈ Lauren’s Surprise
- DAE1ED
≈ Vaguely Violet
Bộ bốn +90° +180° +270°
- EBDED7
Berry Frost
- DBE4D9
≈ Mineral White
- D6E3EA
≈ Ethereal Moonlight
- E6DDE8
≈ Orchid Lane
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.31:1 · APCA Lc 16
Ag
AAATrên nền đen
WCAG 15.96:1 · APCA Lc 88
Màu chữ tốt nhất: #000000
WCAG 15.96:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
CSS
:root {
--berry-frost: #ebded7;
--berry-frost-rgb: 235 222 215;
--berry-frost-oklch: oklch(0.909 0.017 50.4);
}
.element {
color: var(--berry-frost);
background-color: hsl(21 33% 88%);
border-color: oklch(0.909 0.017 50.4);
}Tailwind CSS v4
@theme {
--color-berry-frost: #ebded7;
--color-berry-frost-50: #f9f4f1;
--color-berry-frost-100: #ede6e3;
--color-berry-frost-200: #dbd2ce;
--color-berry-frost-300: #bfb5af;
--color-berry-frost-400: #a79c96;
--color-berry-frost-500: #90837c;
--color-berry-frost-600: #7a6f69;
--color-berry-frost-700: #625954;
--color-berry-frost-800: #48413d;
--color-berry-frost-900: #322d2a;
--color-berry-frost-950: #1e1a18;
}SCSS
$berry-frost: #ebded7;
$berry-frost-rgb: 235, 222, 215;
$berry-frost-light: mix(#fff, $berry-frost, 20%);
$berry-frost-dark: mix(#000, $berry-frost, 20%);
.element {
color: $berry-frost;
box-shadow: 0 0 0 2px rgba($berry-frost, 0.35);
}