Màu có tên · #EBD7CB
Antique Pearl
Antique Pearl là #EBD7CB: rgb(235 215 203), hsl(23 44% 86%), oklch(0.892 0.028 53.1). 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? → · Antique Pearl color name →
#EBD7CB
oklch(0.892 0.028 53.1)
Chuyển đổi màu
- HEX
- #ebd7cb
- RGB
- rgb(235 215 203)
- HSL
- hsl(23 44% 86%)
- HWB
- hwb(23 80% 8%)
- OKLCH
- oklch(0.892 0.028 53.1)
- OKLab
- oklab(0.892 0.017 0.022)
- CIE Lab
- lab(87.4 5.7 8.58)
- LCH
- lch(87.4 10.3 56.4)
- CMYK
- cmyk(0% 9% 14% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EDDBD0
- EFDFD5
- F1E3DA
- F3E7E0
- F5EBE5
- F7EFEA
- F9F3EF
- FBF7F4
- FDFBFA
Sắc đậm
- CCBBB0
- AE9F96
- 91857D
- 756B65
- 5B524D
- 413B37
- 292522
- 13110F
- 030202
Sắc xám
- E0CEC3
- D5C5BC
- CABCB4
- BFB3AC
- B4ABA5
- A9A29D
- 9F9996
- 94918F
- 8A8887
Hòa sắc
Bổ túc +180°
- EBD7CB
Antique Pearl
- CADFEB
≈ CO₂
Tương đồng -30° +30°
- EBD7CB
Antique Pearl
- EDD5D3
≈ Radiant Rose
- E4DAC7
≈ Instant Classic
Bộ ba +120° +240°
- EBD7CB
Antique Pearl
- CAE2DA
≈ Moody Mist
- DCD8ED
≈ Eyeshadow
Bổ túc chia +150° +210°
- EBD7CB
Antique Pearl
- C7E1E4
≈ Wishy-Washy Blue
- D2DCEE
≈ Snowy Shadow
Bộ bốn +90° +180° +270°
- EBD7CB
Antique Pearl
- D1E1D0
≈ Misty Marsh
- CADFEB
≈ CO₂
- E5D6E6
≈ Snuff
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.38:1 · APCA Lc 19
Ag
AAATrên nền đen
WCAG 15.11:1 · APCA Lc 85
Màu chữ tốt nhất: #000000
WCAG 15.11:1 (AAA) · APCA Lc 85
Contrast pairs
Đoạn mã
CSS
:root {
--antique-pearl: #ebd7cb;
--antique-pearl-rgb: 235 215 203;
--antique-pearl-oklch: oklch(0.892 0.028 53.1);
}
.element {
color: var(--antique-pearl);
background-color: hsl(23 44% 86%);
border-color: oklch(0.892 0.028 53.1);
}Tailwind CSS v4
@theme {
--color-antique-pearl: #ebd7cb;
--color-antique-pearl-50: #fcf3ee;
--color-antique-pearl-100: #f0e6df;
--color-antique-pearl-200: #ded1c9;
--color-antique-pearl-300: #c3b4aa;
--color-antique-pearl-400: #ac9a90;
--color-antique-pearl-500: #968275;
--color-antique-pearl-600: #7e6e64;
--color-antique-pearl-700: #65584f;
--color-antique-pearl-800: #4b403a;
--color-antique-pearl-900: #342c28;
--color-antique-pearl-950: #1f1916;
}SCSS
$antique-pearl: #ebd7cb;
$antique-pearl-rgb: 235, 215, 203;
$antique-pearl-light: mix(#fff, $antique-pearl, 20%);
$antique-pearl-dark: mix(#000, $antique-pearl, 20%);
.element {
color: $antique-pearl;
box-shadow: 0 0 0 2px rgba($antique-pearl, 0.35);
}