Warna bernama · #EBD5CC
Ole Pink
Ole Pink adalah #EBD5CC: rgb(235 213 204), hsl(17 44% 86%), oklch(0.889 0.027 43.6). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Ole Pink color name →
#EBD5CC
oklch(0.889 0.027 43.6)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- EDD9D1
- EFDDD6
- F1E2DB
- F3E6E0
- F5EAE5
- F7EEEA
- F9F2F0
- FBF7F5
- FDFBFA
Shade
- CCB9B1
- AE9E97
- 91837E
- 756A65
- 5B514E
- 413A37
- 292422
- 13100F
- 030202
Tone
- E0CCC4
- D5C3BC
- CABBB5
- BFB2AD
- B4AAA5
- A9A19E
- 9F9996
- 95908F
- 8A8887
Harmoni warna
Komplementer +180°
- EBD5CC
Ole Pink
- C8DFE8
≈ Wind Tunnel
Analog -30° +30°
- EBD5CC
Ole Pink
- ECD3D5
≈ Charming Pink
- E6D8C7
≈ Dépaysement
Triadik +120° +240°
- EBD5CC
Ole Pink
- CBE0D5
≈ Melting Ice
- D7D8EC
≈ Sachet Cushion
Split-komplementer +150° +210°
- EBD5CC
Ole Pink
- C7E0DF
≈ Wishy-Washy Blue
- CEDCED
≈ Alaskan Skies
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.40:1 · APCA Lc 20
Ag
AAADi atas hitam
WCAG 14.92:1 · APCA Lc 84
Warna teks terbaik: #000000
WCAG 14.92:1 (AAA) · APCA Lc 84
Contrast pairs
Cuplikan kode
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);
}