Warna bernama terdekat · #E27B95
#E27B95
Warna bernama terdekat: Embarrassed
#E27B95 (rgb(226 123 149), hsl(345 64% 68%), oklch(0.704 0.13 4.8)) paling mendekati warna bernama Embarrassed. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#E27B95
oklch(0.704 0.13 4.8)
Konversi warna
- HEX
- #e27b95
- RGB
- rgb(226 123 149)
- HSL
- hsl(345 64% 68%)
- HWB
- hwb(345 48% 11%)
- OKLCH
- oklch(0.704 0.13 4.8)
- OKLab
- oklab(0.704 0.129 0.011)
- CIE Lab
- lab(64.11 42.77 4.8)
- LCH
- lch(64.11 43.04 6.4)
- CMYK
- cmyk(0% 46% 34% 11%)
Tint · Shade · Tone
Tint
- E6899F
- EA96A9
- EEA3B4
- F1B0BE
- F5BDC9
- F7CAD3
- FAD8DE
- FCE5E9
- FEF2F4
Shade
- C46A81
- A85A6D
- 8C4A5A
- 713A48
- 572C37
- 3E1E26
- 271016
- 120508
- 030101
Tone
- D97C93
- CF7D91
- C67E8F
- BC7F8D
- B37F8A
- A98088
- 9F8086
- 958084
- 8B8082
Harmoni warna
Komplementer +180°
- E27B95
Embarrassed
- 00B8AA
≈ Verditer
Analog -30° +30°
- E27B95
Embarrassed
- D17FC0
≈ Peruvian Lily
- E48067
≈ Sari
Triadik +120° +240°
- E27B95
Embarrassed
- 8EAD4D
≈ Parrot Green
- 51A7EB
≈ Cerulean
Split-komplementer +150° +210°
- E27B95
Embarrassed
- 53B77B
≈ Ming Green
- 00B3D0
≈ Aquarius
Tetradik +90° +180° +270°
- E27B95
Embarrassed
- B99E2D
≈ Pollen Storm
- 00B8AA
≈ Verditer
- 8898F0
≈ Periwinkle Blue
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.79:1 · APCA Lc 54
Ag
AAADi atas hitam
WCAG 7.50:1 · APCA Lc 48
Warna teks terbaik: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Cuplikan kode
CSS
:root {
--embarrassed: #e27b95;
--embarrassed-rgb: 226 123 149;
--embarrassed-oklch: oklch(0.704 0.13 4.8);
}
.element {
color: var(--embarrassed);
background-color: hsl(345 64% 68%);
border-color: oklch(0.704 0.13 4.8);
}Tailwind CSS v4
@theme {
--color-embarrassed: #e27b95;
--color-embarrassed-50: #ffe7ef;
--color-embarrassed-100: #ffd7e0;
--color-embarrassed-200: #ffbecb;
--color-embarrassed-300: #f19bac;
--color-embarrassed-400: #de7c94;
--color-embarrassed-500: #cb5c7b;
--color-embarrassed-600: #ab4f68;
--color-embarrassed-700: #8a3f53;
--color-embarrassed-800: #662d3e;
--color-embarrassed-900: #481e2b;
--color-embarrassed-950: #2e0e18;
}SCSS
$embarrassed: #e27b95;
$embarrassed-rgb: 226, 123, 149;
$embarrassed-light: mix(#fff, $embarrassed, 20%);
$embarrassed-dark: mix(#000, $embarrassed, 20%);
.element {
color: $embarrassed;
box-shadow: 0 0 0 2px rgba($embarrassed, 0.35);
}