Màu có tên · #EBD5CC
Ole Pink
Ole Pink là #EBD5CC: rgb(235 213 204), hsl(17 44% 86%), oklch(0.889 0.027 43.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 Gray mean? → · Ole Pink color name →
#EBD5CC
oklch(0.889 0.027 43.6)
Chuyển đổi màu
- HEX
- #ebd5cc
- RGB
- rgb(235 213 204)
- HSL
- hsl(17 44% 86%)
- HWB
- hwb(17 80% 8%)
- OKLCH
- oklch(0.889 0.027 43.6)
- OKLab
- oklab(0.889 0.02 0.019)
- CIE Lab
- lab(86.92 6.8 7.38)
- LCH
- lch(86.92 10.03 47.4)
- CMYK
- cmyk(0% 9% 13% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EDD9D1
- EFDDD6
- F1E2DB
- F3E6E0
- F5EAE5
- F7EEEA
- F9F2F0
- FBF7F5
- FDFBFA
Sắc đậm
- CCB9B1
- AE9E97
- 91837E
- 756A65
- 5B514E
- 413A37
- 292422
- 13100F
- 030202
Sắc xám
- E0CCC4
- D5C3BC
- CABBB5
- BFB2AD
- B4AAA5
- A9A19E
- 9F9996
- 95908F
- 8A8887
Hòa sắc
Bổ túc +180°
- EBD5CC
Ole Pink
- C8DFE8
≈ Wind Tunnel
Tương đồng -30° +30°
- EBD5CC
Ole Pink
- ECD3D5
≈ Charming Pink
- E6D8C7
≈ Dépaysement
Bộ ba +120° +240°
- EBD5CC
Ole Pink
- CBE0D5
≈ Melting Ice
- D7D8EC
≈ Sachet Cushion
Bổ túc chia +150° +210°
- EBD5CC
Ole Pink
- C7E0DF
≈ Wishy-Washy Blue
- CEDCED
≈ Alaskan Skies
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.40:1 · APCA Lc 20
Ag
AAATrên nền đen
WCAG 14.92:1 · APCA Lc 84
Màu chữ tốt nhất: #000000
WCAG 14.92:1 (AAA) · APCA Lc 84
Contrast pairs
Đoạn mã
CSS
:root {
--ole-pink: #ebd5cc;
--ole-pink-rgb: 235 213 204;
--ole-pink-oklch: oklch(0.889 0.027 43.6);
}
.element {
color: var(--ole-pink);
background-color: hsl(17 44% 86%);
border-color: oklch(0.889 0.027 43.6);
}Tailwind CSS v4
@theme {
--color-ole-pink: #ebd5cc;
--color-ole-pink-50: #fcf3ef;
--color-ole-pink-100: #f0e5e0;
--color-ole-pink-200: #dfd1cb;
--color-ole-pink-300: #c4b3ac;
--color-ole-pink-400: #ad9a92;
--color-ole-pink-500: #978178;
--color-ole-pink-600: #7f6d65;
--color-ole-pink-700: #665751;
--color-ole-pink-800: #4b3f3b;
--color-ole-pink-900: #342c28;
--color-ole-pink-950: #201916;
}SCSS
$ole-pink: #ebd5cc;
$ole-pink-rgb: 235, 213, 204;
$ole-pink-light: mix(#fff, $ole-pink, 20%);
$ole-pink-dark: mix(#000, $ole-pink, 20%);
.element {
color: $ole-pink;
box-shadow: 0 0 0 2px rgba($ole-pink, 0.35);
}