Warna bernama terdekat · #956797
#956797
Warna bernama terdekat: Sunshone Plum
#956797 (rgb(149 103 151), hsl(298 19% 50%), oklch(0.579 0.09 325.2)) paling mendekati warna bernama Sunshone Plum. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#956797
oklch(0.579 0.09 325.2)
Konversi warna
- HEX
- #956797
- RGB
- rgb(149 103 151)
- HSL
- hsl(298 19% 50%)
- HWB
- hwb(298 40% 41%)
- OKLCH
- oklch(0.579 0.09 325.2)
- OKLab
- oklab(0.579 0.074 -0.051)
- CIE Lab
- lab(49.84 25.19 -18.69)
- LCH
- lch(49.84 31.36 323.4)
- CMYK
- cmyk(1% 32% 0% 41%)
Tint · Shade · Tone
Tint
- A075A1
- AA84AB
- B593B6
- BFA2C0
- CAB1CA
- D4C0D5
- DFD0DF
- EADFEA
- F4EFF4
Shade
- 815983
- 6D4B6F
- 5A3D5C
- 483049
- 372337
- 261726
- 160C17
- 080408
- 010001
Tone
- 936A95
- 916C93
- 8F6F90
- 8D728E
- 8B748C
- 89778A
- 877987
- 857B85
- 827E82
Harmoni warna
Komplementer +180°
- 956797
Sunshone Plum
- 578859
≈ Emerald Ring
Analog -30° +30°
- 956797
Sunshone Plum
- 7E6FA9
≈ Plum Preserve
- A4637C
≈ Strawberry Mousse
Triadik +120° +240°
- 956797
Sunshone Plum
- 927636
≈ Bengal Grass
- 238993
≈ Turkish Jade
Split-komplementer +150° +210°
- 956797
Sunshone Plum
- 78803F
≈ Thai Basil
- 338B77
≈ Ionian
Tetradik +90° +180° +270°
- 956797
Sunshone Plum
- A36B44
≈ Vintage Pottery
- 578859
≈ Emerald Ring
- 3E82A7
≈ Lake Henry
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 4.50:1 · APCA Lc 71
Ag
AADi atas hitam
WCAG 4.66:1 · APCA Lc 31
Warna teks terbaik: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Cuplikan kode
CSS
:root {
--sunshone-plum: #956797;
--sunshone-plum-rgb: 149 103 151;
--sunshone-plum-oklch: oklch(0.579 0.09 325.2);
}
.element {
color: var(--sunshone-plum);
background-color: hsl(298 19% 50%);
border-color: oklch(0.579 0.09 325.2);
}Tailwind CSS v4
@theme {
--color-sunshone-plum: #956797;
--color-sunshone-plum-50: #ffedff;
--color-sunshone-plum-100: #f9def8;
--color-sunshone-plum-200: #eac7e8;
--color-sunshone-plum-300: #d1a8cf;
--color-sunshone-plum-400: #ba8cbc;
--color-sunshone-plum-500: #a471a7;
--color-sunshone-plum-600: #8b608d;
--color-sunshone-plum-700: #6f4c71;
--color-sunshone-plum-800: #513854;
--color-sunshone-plum-900: #39263b;
--color-sunshone-plum-950: #231425;
}SCSS
$sunshone-plum: #956797;
$sunshone-plum-rgb: 149, 103, 151;
$sunshone-plum-light: mix(#fff, $sunshone-plum, 20%);
$sunshone-plum-dark: mix(#000, $sunshone-plum, 20%);
.element {
color: $sunshone-plum;
box-shadow: 0 0 0 2px rgba($sunshone-plum, 0.35);
}