Warna bernama terdekat · #62316B
#62316B
Warna bernama terdekat: Imperial
#62316B (rgb(98 49 107), hsl(291 37% 31%), oklch(0.402 0.109 321.2)) paling mendekati warna bernama Imperial. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#62316B
oklch(0.402 0.109 321.2)
Konversi warna
- HEX
- #62316b
- RGB
- rgb(98 49 107)
- HSL
- hsl(291 37% 31%)
- HWB
- hwb(291 19% 58%)
- OKLCH
- oklch(0.402 0.109 321.2)
- OKLab
- oklab(0.402 0.085 -0.068)
- CIE Lab
- lab(28.93 29.84 -24.6)
- LCH
- lch(28.93 38.68 320.5)
- CMYK
- cmyk(8% 54% 0% 58%)
Tint · Shade · Tone
Tint
- 714579
- 805888
- 906C96
- 9F80A5
- AF94B4
- BFA9C2
- CEBED1
- DED3E0
- EFE9F0
Shade
- 54295C
- 47224E
- 3A1A3F
- 2D1332
- 210C25
- 160618
- 0B030D
- 030104
- 000000
Tone
- 65396D
- 694270
- 6C4A72
- 6F5274
- 725976
- 756179
- 78697B
- 7B717C
- 7D787E
Harmoni warna
Komplementer +180°
- 62316B
Imperial
- 205618
≈ Patch of Land
Analog -30° +30°
- 62316B
Imperial
- 4A3B7D
≈ Sage Violet
- 722B4F
≈ Bordeaux Red
Triadik +120° +240°
- 62316B
Imperial
- 5F4200
≈ Mud Brown
- 005357
≈ Ice Dark Turquoise
Split-komplementer +150° +210°
- 62316B
Imperial
- 4A4C00
≈ No Emissions Green
- 005543
≈ Sacramento State Green
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 9.67:1 · APCA Lc 92
Ag
FailDi atas hitam
WCAG 2.17:1 · APCA Lc 10
Warna teks terbaik: #FFFFFF
WCAG 9.67:1 (AAA) · APCA Lc 92
Contrast pairs
Cuplikan kode
CSS
:root {
--imperial: #62316b;
--imperial-rgb: 98 49 107;
--imperial-oklch: oklch(0.402 0.109 321.2);
}
.element {
color: var(--imperial);
background-color: hsl(291 37% 31%);
border-color: oklch(0.402 0.109 321.2);
}Tailwind CSS v4
@theme {
--color-imperial: #62316b;
--color-imperial-50: #ffebff;
--color-imperial-100: #fadcfd;
--color-imperial-200: #ecc5f0;
--color-imperial-300: #d3a5d8;
--color-imperial-400: #bc89c5;
--color-imperial-500: #a76db2;
--color-imperial-600: #8d5c96;
--color-imperial-700: #714a78;
--color-imperial-800: #53355a;
--color-imperial-900: #3a243f;
--color-imperial-950: #241328;
}SCSS
$imperial: #62316b;
$imperial-rgb: 98, 49, 107;
$imperial-light: mix(#fff, $imperial, 20%);
$imperial-dark: mix(#000, $imperial, 20%);
.element {
color: $imperial;
box-shadow: 0 0 0 2px rgba($imperial, 0.35);
}