Warna bernama terdekat · #837372
#837372
Warna bernama terdekat: Empress
#837372 (rgb(131 115 114), hsl(4 7% 48%), oklch(0.57 0.02 22)) paling mendekati warna bernama Empress. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#837372
oklch(0.57 0.02 22)
Konversi warna
- HEX
- #837372
- RGB
- rgb(131 115 114)
- HSL
- hsl(4 7% 48%)
- HWB
- hwb(4 45% 49%)
- OKLCH
- oklch(0.57 0.02 22)
- OKLab
- oklab(0.57 0.019 0.008)
- CIE Lab
- lab(49.93 6.3 2.96)
- LCH
- lch(49.93 6.96 25.2)
- CMYK
- cmyk(0% 12% 13% 49%)
Tint · Shade · Tone
Tint
- 8F807F
- 9B8D8C
- A79B9A
- B3A9A8
- BFB7B6
- CCC5C4
- D8D3D3
- E5E1E1
- F2F0F0
Shade
- 716362
- 605453
- 4F4544
- 3F3636
- 2F2828
- 201B1B
- 120F0E
- 060504
- 010101
Tone
- 837473
- 837675
- 827776
- 827878
- 827A79
- 817B7A
- 817C7C
- 817D7D
- 807F7F
Harmoni warna
Komplementer +180°
- 837372
Empress
- 6A7B7C
≈ Polar Pond
Analog -30° +30°
- 837372
Empress
- 817379
≈ Simple Plum
- 82746D
≈ Clayton
Triadik +120° +240°
- 837372
Empress
- 717B70
≈ Boxwood
- 717884
≈ Ice Blue Grey
Split-komplementer +150° +210°
- 837372
Empress
- 6C7B76
≈ Green Dusk
- 6C7A81
≈ Iron Frost
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 4.50:1 · APCA Lc 71
Ag
AADi atas hitam
WCAG 4.66:1 · APCA Lc 30
Warna teks terbaik: #000000
WCAG 4.66:1 (AA) · APCA Lc 30
Contrast pairs
Cuplikan kode
CSS
:root {
--empress: #837372;
--empress-rgb: 131 115 114;
--empress-oklch: oklch(0.57 0.02 22);
}
.element {
color: var(--empress);
background-color: hsl(4 7% 48%);
border-color: oklch(0.57 0.02 22);
}Tailwind CSS v4
@theme {
--color-empress: #837372;
--color-empress-50: #fbf3f2;
--color-empress-100: #efe5e4;
--color-empress-200: #ddd1d0;
--color-empress-300: #c2b4b2;
--color-empress-400: #aa9a99;
--color-empress-500: #938180;
--color-empress-600: #7c6d6c;
--color-empress-700: #645757;
--color-empress-800: #49403f;
--color-empress-900: #332c2c;
--color-empress-950: #1e1919;
}SCSS
$empress: #837372;
$empress-rgb: 131, 115, 114;
$empress-light: mix(#fff, $empress, 20%);
$empress-dark: mix(#000, $empress, 20%);
.element {
color: $empress;
box-shadow: 0 0 0 2px rgba($empress, 0.35);
}