Warna bernama terdekat · #822256
#822256
Warna bernama terdekat: Pink Horror
#822256 (rgb(130 34 86), hsl(328 59% 32%), oklch(0.422 0.14 351.6)) paling mendekati warna bernama Pink Horror. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#822256
oklch(0.422 0.14 351.6)
Konversi warna
- HEX
- #822256
- RGB
- rgb(130 34 86)
- HSL
- hsl(328 59% 32%)
- HWB
- hwb(328 13% 49%)
- OKLCH
- oklch(0.422 0.14 351.6)
- OKLab
- oklab(0.422 0.139 -0.021)
- CIE Lab
- lab(31.06 44.55 -7.2)
- LCH
- lch(31.06 45.13 350.8)
- CMYK
- cmyk(0% 74% 34% 49%)
Tint · Shade · Tone
Tint
- 903A65
- 9E5075
- AB6585
- B87B96
- C590A7
- D1A6B8
- DDBCC9
- E9D2DB
- F4E8ED
Shade
- 701C4A
- 5F163E
- 4E1132
- 3E0B27
- 2F071C
- 200312
- 120108
- 060002
- 010000
Tone
- 832E5A
- 84395E
- 854362
- 854C67
- 85556B
- 855E6F
- 856773
- 836F77
- 82787C
Harmoni warna
Komplementer +180°
- 822256
Pink Horror
- 005C48
≈ Evergreen
Analog -30° +30°
- 822256
Pink Horror
- 6F2C7A
≈ Galactic Grapevine
- 8A2129
≈ Red Dahlia
Triadik +120° +240°
- 822256
Pink Horror
- 505200
≈ Douro
- 005574
≈ Night Kite
Split-komplementer +150° +210°
- 822256
Pink Horror
- 0C5F01
≈ Thuja Green
- 00595E
≈ Entrapment
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 9.08:1 · APCA Lc 90
Ag
FailDi atas hitam
WCAG 2.31:1 · APCA Lc 12
Warna teks terbaik: #FFFFFF
WCAG 9.08:1 (AAA) · APCA Lc 90
Contrast pairs
Cuplikan kode
CSS
:root {
--pink-horror: #822256;
--pink-horror-rgb: 130 34 86;
--pink-horror-oklch: oklch(0.422 0.14 351.6);
}
.element {
color: var(--pink-horror);
background-color: hsl(328 59% 32%);
border-color: oklch(0.422 0.14 351.6);
}Tailwind CSS v4
@theme {
--color-pink-horror: #822256;
--color-pink-horror-50: #ffe5f8;
--color-pink-horror-100: #ffd5eb;
--color-pink-horror-200: #ffbcd9;
--color-pink-horror-300: #f099bd;
--color-pink-horror-400: #dc79a8;
--color-pink-horror-500: #c95990;
--color-pink-horror-600: #aa4c7a;
--color-pink-horror-700: #883d62;
--color-pink-horror-800: #652b49;
--color-pink-horror-900: #471d33;
--color-pink-horror-950: #2e0d1f;
}SCSS
$pink-horror: #822256;
$pink-horror-rgb: 130, 34, 86;
$pink-horror-light: mix(#fff, $pink-horror, 20%);
$pink-horror-dark: mix(#000, $pink-horror, 20%);
.element {
color: $pink-horror;
box-shadow: 0 0 0 2px rgba($pink-horror, 0.35);
}