Najbliższy nazwany kolor · #552C89
#552C89
Najbliższy nazwany kolor: Night Fever
#552C89 (rgb(85 44 137), hsl(266 51% 35%), oklch(0.398 0.148 299.9)) jest najbliższy nazwanemu kolorowi Night Fever. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#552C89
oklch(0.398 0.148 299.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 644296
- 7357A2
- 836BAE
- 947FBA
- A594C6
- B6A9D2
- C8BEDD
- DAD3E9
- ECE9F4
Odcienie ciemniejsze
- 492576
- 3D1E64
- 311753
- 261142
- 1C0A31
- 110522
- 080214
- 020107
- 000001
Tony
- 593689
- 5D4089
- 614988
- 655188
- 695987
- 6E6186
- 726985
- 777184
- 7B7882
Harmonie kolorów
Komplementarna +180°
- 552C89
Night Fever
- 414E00
≈ No Emissions Green
Analogowa -30° +30°
- 552C89
Night Fever
- 2A3C95
≈ Navy Seal
- 701E6C
≈ New Riders of the Purple Sage
Triada +120° +240°
- 552C89
Night Fever
- 6B3900
≈ Bestial Brown
- 005449
≈ Breathe Deeply
Komplementarna rozszczepiona +150° +210°
- 552C89
Night Fever
- 584400
≈ Sugarloaf Brown
- 005724
≈ Caliban Green
Tetrada +90° +180° +270°
- 552C89
Night Fever
- 85140B
≈ Indian Red
- 414E00
≈ No Emissions Green
- 00515B
≈ Kali Blue
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.96:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 2.10:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.96:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
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);
}