Màu có tên · #E5DCD6
Cultured Pearl
Cultured Pearl là #E5DCD6: rgb(229 220 214), hsl(24 22% 87%), oklch(0.9 0.013 56.2). 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? → · Cultured Pearl color name →
#E5DCD6
oklch(0.9 0.013 56.2)
Chuyển đổi màu
- HEX
- #e5dcd6
- RGB
- rgb(229 220 214)
- HSL
- hsl(24 22% 87%)
- HWB
- hwb(24 84% 10%)
- OKLCH
- oklch(0.9 0.013 56.2)
- OKLab
- oklab(0.9 0.007 0.011)
- CIE Lab
- lab(88.36 2.41 4.11)
- LCH
- lch(88.36 4.77 59.6)
- CMYK
- cmyk(0% 4% 7% 10%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E8DFDA
- EAE3DE
- EDE6E2
- EFEAE6
- F2EDEA
- F5F1EE
- F7F4F3
- FAF8F7
- FCFBFB
Sắc đậm
- C7BFBA
- AAA39E
- 8E8884
- 726E6A
- 585452
- 3F3C3B
- 282625
- 121110
- 030202
Sắc xám
- DAD2CD
- D0C9C4
- C6BFBB
- BBB6B3
- B1ADAA
- A7A4A1
- 9D9B99
- 939291
- 8A8988
Hòa sắc
Bổ túc +180°
- E5DCD6
Cultured Pearl
- D6DFE5
≈ Blustery Day
Tương đồng -30° +30°
- E5DCD6
Cultured Pearl
- E6DBD9
≈ Minified Maroon
- E2DED5
≈ Shy Beige
Bộ ba +120° +240°
- E5DCD6
Cultured Pearl
- D6E1DE
≈ Pristine Petal
- DEDCE6
≈ Elation
Bổ túc chia +150° +210°
- E5DCD6
Cultured Pearl
- D5E1E2
≈ Pristine Petal
- DADEE7
≈ Irradiant Iris
Bộ bốn +90° +180° +270°
- E5DCD6
Cultured Pearl
- D9E0D9
≈ Juniper Breeze
- D6DFE5
≈ Blustery Day
- E3DBE3
≈ He Loves Me
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.53:1 · APCA Lc 86
Màu chữ tốt nhất: #000000
WCAG 15.53:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
CSS
:root {
--cultured-pearl: #e5dcd6;
--cultured-pearl-rgb: 229 220 214;
--cultured-pearl-oklch: oklch(0.9 0.013 56.2);
}
.element {
color: var(--cultured-pearl);
background-color: hsl(24 22% 87%);
border-color: oklch(0.9 0.013 56.2);
}Tailwind CSS v4
@theme {
--color-cultured-pearl: #e5dcd6;
--color-cultured-pearl-50: #f8f4f2;
--color-cultured-pearl-100: #ebe7e4;
--color-cultured-pearl-200: #d9d3cf;
--color-cultured-pearl-300: #bdb6b1;
--color-cultured-pearl-400: #a59d97;
--color-cultured-pearl-500: #8d847e;
--color-cultured-pearl-600: #77706b;
--color-cultured-pearl-700: #605955;
--color-cultured-pearl-800: #46413e;
--color-cultured-pearl-900: #302d2b;
--color-cultured-pearl-950: #1d1a18;
}SCSS
$cultured-pearl: #e5dcd6;
$cultured-pearl-rgb: 229, 220, 214;
$cultured-pearl-light: mix(#fff, $cultured-pearl, 20%);
$cultured-pearl-dark: mix(#000, $cultured-pearl, 20%);
.element {
color: $cultured-pearl;
box-shadow: 0 0 0 2px rgba($cultured-pearl, 0.35);
}