Warna bernama terdekat · #E68A9C
#E68A9C
Warna bernama terdekat: Xoxo
#E68A9C (rgb(230 138 156), hsl(348 65% 72%), oklch(0.735 0.114 7.6)) paling mendekati warna bernama Xoxo. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#E68A9C
oklch(0.735 0.114 7.6)
Konversi warna
- HEX
- #e68a9c
- RGB
- rgb(230 138 156)
- HSL
- hsl(348 65% 72%)
- HWB
- hwb(348 54% 10%)
- OKLCH
- oklch(0.735 0.114 7.6)
- OKLab
- oklab(0.735 0.113 0.015)
- CIE Lab
- lab(67.9 37.48 6.32)
- LCH
- lch(67.9 38.01 9.6)
- CMYK
- cmyk(0% 40% 32% 10%)
Tint · Shade · Tone
Tint
- EA96A5
- EDA2AF
- F0ADB9
- F3B9C3
- F6C5CC
- F8D0D6
- FADCE0
- FCE8EB
- FEF3F5
Shade
- C87787
- AB6573
- 8E535F
- 73424C
- 593239
- 402228
- 281418
- 130709
- 030101
Tone
- DC8999
- D28996
- C88894
- BE8791
- B4868E
- AA858B
- A08488
- 958386
- 8B8183
Harmoni warna
Komplementer +180°
- E68A9C
Xoxo
- 3AC0B6
≈ Tint of Turquoise
Analog -30° +30°
- E68A9C
Xoxo
- D78DC3
≈ Cyclamen
- E78F74
≈ Middle Red
Triadik +120° +240°
Split-komplementer +150° +210°
- E68A9C
Xoxo
- 65BF8D
≈ Young Bamboo
- 3FBAD8
≈ Lake Thun
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.47:1 · APCA Lc 48
Ag
AAADi atas hitam
WCAG 8.48:1 · APCA Lc 54
Warna teks terbaik: #000000
WCAG 8.48:1 (AAA) · APCA Lc 54
Contrast pairs
Cuplikan kode
CSS
:root {
--xoxo: #e68a9c;
--xoxo-rgb: 230 138 156;
--xoxo-oklch: oklch(0.735 0.114 7.6);
}
.element {
color: var(--xoxo);
background-color: hsl(348 65% 72%);
border-color: oklch(0.735 0.114 7.6);
}Tailwind CSS v4
@theme {
--color-xoxo: #e68a9c;
--color-xoxo-50: #ffe8ee;
--color-xoxo-100: #ffd9df;
--color-xoxo-200: #ffc1c9;
--color-xoxo-300: #eb9faa;
--color-xoxo-400: #d78192;
--color-xoxo-500: #c46378;
--color-xoxo-600: #a65466;
--color-xoxo-700: #854351;
--color-xoxo-800: #63303d;
--color-xoxo-900: #45212a;
--color-xoxo-950: #2d1017;
}SCSS
$xoxo: #e68a9c;
$xoxo-rgb: 230, 138, 156;
$xoxo-light: mix(#fff, $xoxo, 20%);
$xoxo-dark: mix(#000, $xoxo, 20%);
.element {
color: $xoxo;
box-shadow: 0 0 0 2px rgba($xoxo, 0.35);
}