Dichtstbijzijnde benoemde kleur · #582465
#582465
Dichtstbijzijnde benoemde kleur: Elegant Purple Gown
#582465 (rgb(88 36 101), hsl(288 47% 27%), oklch(0.365 0.119 319.1)) komt het dichtst bij de benoemde kleur Elegant Purple Gown. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#582465
oklch(0.365 0.119 319.1)
Kleurconversies
- HEX
- #582465
- RGB
- rgb(88 36 101)
- HSL
- hsl(288 47% 27%)
- HWB
- hwb(288 14% 60%)
- OKLCH
- oklch(0.365 0.119 319.1)
- OKLab
- oklab(0.365 0.09 -0.078)
- CIE Lab
- lab(24.4 32.4 -27.98)
- LCH
- lch(24.4 42.81 319.2)
- CMYK
- cmyk(13% 64% 0% 60%)
Tinten · Schaduwen · Tonen
Tinten
- 683974
- 784E83
- 886392
- 9978A1
- A98EB1
- BAA3C0
- CBBAD0
- DCD0DF
- EEE8EF
Schaduwen
- 4B1E57
- 3F1849
- 33123C
- 280C2F
- 1D0722
- 120417
- 09020C
- 030003
- 000000
Tonen
- 5C2E68
- 61386B
- 65416E
- 694A71
- 6D5374
- 715C76
- 756579
- 796E7B
- 7C777E
Kleurharmonieën
Complementair +180°
- 582465
Elegant Purple Gown
- 164B00
≈ Kabocha Green
Analoog -30° +30°
- 582465
Elegant Purple Gown
- 3F2F78
≈ Clear Purple
- 681B48
≈ Pompadour
Triadisch +120° +240°
- 582465
Elegant Purple Gown
- 533900
≈ Pineapple
- 00484B
≈ Incubi Darkness
Gesplitst complementair +150° +210°
- 582465
Elegant Purple Gown
- 424100
≈ Green Not Found
- 004A38
≈ County Green
Tetradisch +90° +180° +270°
- 582465
Elegant Purple Gown
- 652B00
≈ Count Chocula
- 164B00
≈ Kabocha Green
- 00455C
≈ Loyal Blue
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 11.31:1 · APCA Lc 96
Ag
FailOp zwart
WCAG 1.85:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 11.31:1 (AAA) · APCA Lc 96
Contrast pairs
Codefragmenten
CSS
:root {
--elegant-purple-gown: #582465;
--elegant-purple-gown-rgb: 88 36 101;
--elegant-purple-gown-oklch: oklch(0.365 0.119 319.1);
}
.element {
color: var(--elegant-purple-gown);
background-color: hsl(288 47% 27%);
border-color: oklch(0.365 0.119 319.1);
}Tailwind CSS v4
@theme {
--color-elegant-purple-gown: #582465;
--color-elegant-purple-gown-50: #ffebff;
--color-elegant-purple-gown-100: #fbdcff;
--color-elegant-purple-gown-200: #ecc4f4;
--color-elegant-purple-gown-300: #d4a3dd;
--color-elegant-purple-gown-400: #bd87cb;
--color-elegant-purple-gown-500: #a86ab8;
--color-elegant-purple-gown-600: #8e5a9b;
--color-elegant-purple-gown-700: #72487c;
--color-elegant-purple-gown-800: #53345d;
--color-elegant-purple-gown-900: #3a2441;
--color-elegant-purple-gown-950: #24122a;
}SCSS
$elegant-purple-gown: #582465;
$elegant-purple-gown-rgb: 88, 36, 101;
$elegant-purple-gown-light: mix(#fff, $elegant-purple-gown, 20%);
$elegant-purple-gown-dark: mix(#000, $elegant-purple-gown, 20%);
.element {
color: $elegant-purple-gown;
box-shadow: 0 0 0 2px rgba($elegant-purple-gown, 0.35);
}