Dichtstbijzijnde benoemde kleur · #552C89
#552C89
Dichtstbijzijnde benoemde kleur: Night Fever
#552C89 (rgb(85 44 137), hsl(266 51% 35%), oklch(0.398 0.148 299.9)) komt het dichtst bij de benoemde kleur Night Fever. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#552C89
oklch(0.398 0.148 299.9)
Kleurconversies
- HEX
- #552c89
- RGB
- rgb(85 44 137)
- HSL
- hsl(266 51% 35%)
- HWB
- hwb(266 17% 46%)
- OKLCH
- oklch(0.398 0.148 299.9)
- OKLab
- oklab(0.398 0.074 -0.128)
- CIE Lab
- lab(27.69 34.29 -45.59)
- LCH
- lch(27.69 57.05 306.9)
- CMYK
- cmyk(38% 68% 0% 46%)
Tinten · Schaduwen · Tonen
Tinten
- 644296
- 7357A2
- 836BAE
- 947FBA
- A594C6
- B6A9D2
- C8BEDD
- DAD3E9
- ECE9F4
Schaduwen
- 492576
- 3D1E64
- 311753
- 261142
- 1C0A31
- 110522
- 080214
- 020107
- 000001
Tonen
- 593689
- 5D4089
- 614988
- 655188
- 695987
- 6E6186
- 726985
- 777184
- 7B7882
Kleurharmonieën
Complementair +180°
- 552C89
Night Fever
- 414E00
≈ No Emissions Green
Analoog -30° +30°
- 552C89
Night Fever
- 2A3C95
≈ Navy Seal
- 701E6C
≈ New Riders of the Purple Sage
Triadisch +120° +240°
- 552C89
Night Fever
- 6B3900
≈ Bestial Brown
- 005449
≈ Breathe Deeply
Gesplitst complementair +150° +210°
- 552C89
Night Fever
- 584400
≈ Sugarloaf Brown
- 005724
≈ Caliban Green
Tetradisch +90° +180° +270°
- 552C89
Night Fever
- 85140B
≈ Indian Red
- 414E00
≈ No Emissions Green
- 00515B
≈ Kali Blue
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 9.96:1 · APCA Lc 93
Ag
FailOp zwart
WCAG 2.10:1 · APCA Lc 10
Beste tekstkleur: #FFFFFF
WCAG 9.96:1 (AAA) · APCA Lc 93
Contrast pairs
Codefragmenten
CSS
:root {
--night-fever: #552c89;
--night-fever-rgb: 85 44 137;
--night-fever-oklch: oklch(0.398 0.148 299.9);
}
.element {
color: var(--night-fever);
background-color: hsl(266 51% 35%);
border-color: oklch(0.398 0.148 299.9);
}Tailwind CSS v4
@theme {
--color-night-fever: #552c89;
--color-night-fever-50: #fdecff;
--color-night-fever-100: #f1ddff;
--color-night-fever-200: #e0c6ff;
--color-night-fever-300: #c5a5f7;
--color-night-fever-400: #ac89e8;
--color-night-fever-500: #966bd8;
--color-night-fever-600: #7f5bb6;
--color-night-fever-700: #664993;
--color-night-fever-800: #49356e;
--color-night-fever-900: #33244e;
--color-night-fever-950: #1f1233;
}SCSS
$night-fever: #552c89;
$night-fever-rgb: 85, 44, 137;
$night-fever-light: mix(#fff, $night-fever, 20%);
$night-fever-dark: mix(#000, $night-fever, 20%);
.element {
color: $night-fever;
box-shadow: 0 0 0 2px rgba($night-fever, 0.35);
}