Dichtstbijzijnde benoemde kleur · #342858
#342858
Dichtstbijzijnde benoemde kleur: Purple Noir
#342858 (rgb(52 40 88), hsl(255 38% 25%), oklch(0.317 0.083 292.5)) komt het dichtst bij de benoemde kleur Purple Noir. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#342858
oklch(0.317 0.083 292.5)
Kleurconversies
- HEX
- #342858
- RGB
- rgb(52 40 88)
- HSL
- hsl(255 38% 25%)
- HWB
- hwb(255 16% 65%)
- OKLCH
- oklch(0.317 0.083 292.5)
- OKLab
- oklab(0.317 0.032 -0.077)
- CIE Lab
- lab(19.54 15.6 -27.52)
- LCH
- lch(19.54 31.64 299.6)
- CMYK
- cmyk(41% 55% 0% 65%)
Tinten · Schaduwen · Tonen
Tinten
- 453B68
- 574F78
- 6A6388
- 7E7899
- 928DAA
- A7A3BA
- BCBACB
- D2D0DC
- E8E7EE
Schaduwen
- 2C214B
- 241B3F
- 1C1533
- 150F28
- 0E091D
- 070412
- 030209
- 010103
- 000000
Tonen
- 3B315C
- 423961
- 494265
- 504B69
- 58536D
- 605C71
- 686575
- 706E79
- 78777C
Kleurharmonieën
Complementair +180°
- 342858
Purple Noir
- 333500
≈ Wasabi Nori
Analoog -30° +30°
- 342858
Purple Noir
- 1A305C
≈ Ending Navy Blue
- 45214A
≈ Purple Void
Triadisch +120° +240°
- 342858
Purple Noir
- 512400
≈ Conker Brown
- 003C2F
≈ Night Turquoise
Gesplitst complementair +150° +210°
- 342858
Purple Noir
- 422E00
≈ Hidden Passage
- 143C11
≈ Melancholia
Tetradisch +90° +180° +270°
- 342858
Purple Noir
- 551D1E
≈ Spinel Red
- 333500
≈ Wasabi Nori
- 003A3E
≈ Customs Green
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 13.20:1 · APCA Lc 99
Ag
FailOp zwart
WCAG 1.59:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 13.20:1 (AAA) · APCA Lc 99
Contrast pairs
Codefragmenten
CSS
:root {
--purple-noir: #342858;
--purple-noir-rgb: 52 40 88;
--purple-noir-oklch: oklch(0.317 0.083 292.5);
}
.element {
color: var(--purple-noir);
background-color: hsl(255 38% 25%);
border-color: oklch(0.317 0.083 292.5);
}Tailwind CSS v4
@theme {
--color-purple-noir: #342858;
--color-purple-noir-50: #f6f1ff;
--color-purple-noir-100: #e9e3ff;
--color-purple-noir-200: #d6cef5;
--color-purple-noir-300: #bab0de;
--color-purple-noir-400: #9f96cc;
--color-purple-noir-500: #887cb9;
--color-purple-noir-600: #73699c;
--color-purple-noir-700: #5c547d;
--color-purple-noir-800: #423d5d;
--color-purple-noir-900: #2e2a41;
--color-purple-noir-950: #1a182a;
}SCSS
$purple-noir: #342858;
$purple-noir-rgb: 52, 40, 88;
$purple-noir-light: mix(#fff, $purple-noir, 20%);
$purple-noir-dark: mix(#000, $purple-noir, 20%);
.element {
color: $purple-noir;
box-shadow: 0 0 0 2px rgba($purple-noir, 0.35);
}