Najbliższy nazwany kolor · #C54482
#C54482
Najbliższy nazwany kolor: Razzle Dazzle
#C54482 (rgb(197 68 130), hsl(331 53% 52%), oklch(0.584 0.174 354.2)) jest najbliższy nazwanemu kolorowi Razzle Dazzle. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C54482
oklch(0.584 0.174 354.2)
Konwersje koloru
- HEX
- #c54482
- RGB
- rgb(197 68 130)
- HSL
- hsl(331 53% 52%)
- HWB
- hwb(331 27% 23%)
- OKLCH
- oklch(0.584 0.174 354.2)
- OKLab
- oklab(0.584 0.173 -0.018)
- CIE Lab
- lab(49.4 56.03 -6.01)
- LCH
- lch(49.4 56.35 353.9)
- CMYK
- cmyk(0% 65% 34% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CD598E
- D56D9A
- DC7FA6
- E292B2
- E8A4BF
- EEB6CB
- F3C8D8
- F8DAE5
- FCEDF2
Odcienie ciemniejsze
- AB3A70
- 92305F
- 79264E
- 611D3E
- 4B142F
- 350C20
- 210512
- 0E0206
- 020001
Tony
- BF4D82
- B95482
- B35B81
- AD6281
- A76781
- A06D81
- 987281
- 917780
- 897C80
Harmonie kolorów
Komplementarna +180°
- C54482
Razzle Dazzle
- 009077
≈ Dòu Lǜ Green
Analogowa -30° +30°
- C54482
Razzle Dazzle
- AC50B4
≈ Orchid Dottyback
- CE4545
≈ Bullfighters Red
Triada +120° +240°
- C54482
Razzle Dazzle
- 7B8300
≈ Drably Olive
- 0086B8
≈ Dresden Blue
Komplementarna rozszczepiona +150° +210°
- C54482
Razzle Dazzle
- 1F942B
≈ Irish Green
- 008C97
≈ Tempo Teal
Tetrada +90° +180° +270°
- C54482
Razzle Dazzle
- 9C7400
≈ Mesozoic Green
- 009077
≈ Dòu Lǜ Green
- 4574E1
≈ Skies of Cyberspace
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.64:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.52:1 · APCA Lc 30
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--razzle-dazzle: #c54482;
--razzle-dazzle-rgb: 197 68 130;
--razzle-dazzle-oklch: oklch(0.584 0.174 354.2);
}
.element {
color: var(--razzle-dazzle);
background-color: hsl(331 53% 52%);
border-color: oklch(0.584 0.174 354.2);
}Tailwind CSS v4
@theme {
--color-razzle-dazzle: #c54482;
--color-razzle-dazzle-50: #ffe1f7;
--color-razzle-dazzle-100: #ffd0e9;
--color-razzle-dazzle-200: #ffb5d6;
--color-razzle-dazzle-300: #fd90ba;
--color-razzle-dazzle-400: #ea6da5;
--color-razzle-dazzle-500: #d8478e;
--color-razzle-dazzle-600: #b63e78;
--color-razzle-dazzle-700: #933160;
--color-razzle-dazzle-800: #6d2248;
--color-razzle-dazzle-900: #4d1732;
--color-razzle-dazzle-950: #32071e;
}SCSS
$razzle-dazzle: #c54482;
$razzle-dazzle-rgb: 197, 68, 130;
$razzle-dazzle-light: mix(#fff, $razzle-dazzle, 20%);
$razzle-dazzle-dark: mix(#000, $razzle-dazzle, 20%);
.element {
color: $razzle-dazzle;
box-shadow: 0 0 0 2px rgba($razzle-dazzle, 0.35);
}