Warna bernama terdekat · #EBB2B5
#EBB2B5
Warna bernama terdekat: Deeply Embarrassed
#EBB2B5 (rgb(235 178 181), hsl(357 59% 81%), oklch(0.817 0.067 15.1)) paling mendekati warna bernama Deeply Embarrassed. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#EBB2B5
oklch(0.817 0.067 15.1)
Konversi warna
- HEX
- #ebb2b5
- RGB
- rgb(235 178 181)
- HSL
- hsl(357 59% 81%)
- HWB
- hwb(357 70% 8%)
- OKLCH
- oklch(0.817 0.067 15.1)
- OKLab
- oklab(0.817 0.064 0.017)
- CIE Lab
- lab(77.99 21.68 6.97)
- LCH
- lch(77.99 22.77 17.8)
- CMYK
- cmyk(0% 24% 23% 8%)
Tint · Shade · Tone
Tint
- EDBABC
- F0C1C3
- F2C9CB
- F4D1D2
- F6D8D9
- F8E0E1
- FAE8E8
- FCEFF0
- FDF7F7
Shade
- CC9A9D
- AE8386
- 916D6F
- 755759
- 5B4344
- 412F30
- 291D1D
- 130C0C
- 030102
Tone
- E0ADB0
- D5A8AA
- CAA3A5
- C09E9F
- B5999A
- AA9495
- A08F90
- 958A8A
- 8B8585
Harmoni warna
Komplementer +180°
- EBB2B5
Deeply Embarrassed
- 8FD1D0
≈ Bora Bora Shore
Analog -30° +30°
- EBB2B5
Deeply Embarrassed
- E4B2CD
≈ Muddy Mauve
- E9B6A0
≈ Pink Abalone
Triadik +120° +240°
- EBB2B5
Deeply Embarrassed
- B1CDA2
≈ Desert Cactus
- A6C6EE
≈ Sky High
Split-komplementer +150° +210°
- EBB2B5
Deeply Embarrassed
- 9BD1B8
≈ Menthol Green
- 94CDE4
≈ Medical Mask
Tetradik +90° +180° +270°
- EBB2B5
Deeply Embarrassed
- C9C694
≈ Yerba Mate
- 8FD1D0
≈ Bora Bora Shore
- BEBEED
≈ Vodka
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.81:1 · APCA Lc 34
Ag
AAADi atas hitam
WCAG 11.56:1 · APCA Lc 69
Warna teks terbaik: #000000
WCAG 11.56:1 (AAA) · APCA Lc 69
Contrast pairs
Cuplikan kode
CSS
:root {
--deeply-embarrassed: #ebb2b5;
--deeply-embarrassed-rgb: 235 178 181;
--deeply-embarrassed-oklch: oklch(0.817 0.067 15.1);
}
.element {
color: var(--deeply-embarrassed);
background-color: hsl(357 59% 81%);
border-color: oklch(0.817 0.067 15.1);
}Tailwind CSS v4
@theme {
--color-deeply-embarrassed: #ebb2b5;
--color-deeply-embarrassed-50: #ffeeee;
--color-deeply-embarrassed-100: #fee0e0;
--color-deeply-embarrassed-200: #f0c9ca;
--color-deeply-embarrassed-300: #d8aaab;
--color-deeply-embarrassed-400: #c38f92;
--color-deeply-embarrassed-500: #ae7478;
--color-deeply-embarrassed-600: #936265;
--color-deeply-embarrassed-700: #764f51;
--color-deeply-embarrassed-800: #57393c;
--color-deeply-embarrassed-900: #3d2729;
--color-deeply-embarrassed-950: #261517;
}SCSS
$deeply-embarrassed: #ebb2b5;
$deeply-embarrassed-rgb: 235, 178, 181;
$deeply-embarrassed-light: mix(#fff, $deeply-embarrassed, 20%);
$deeply-embarrassed-dark: mix(#000, $deeply-embarrassed, 20%);
.element {
color: $deeply-embarrassed;
box-shadow: 0 0 0 2px rgba($deeply-embarrassed, 0.35);
}