Nazwany kolor · #612246
Plum Caspia
Plum Caspia to #612246: rgb(97 34 70), hsl(326 48% 26%), oklch(0.359 0.101 348). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Plum Caspia color name →
#612246
oklch(0.359 0.101 348)
Konwersje koloru
- HEX
- #612246
- RGB
- rgb(97 34 70)
- HSL
- hsl(326 48% 26%)
- HWB
- hwb(326 13% 62%)
- OKLCH
- oklch(0.359 0.101 348)
- OKLab
- oklab(0.359 0.099 -0.021)
- CIE Lab
- lab(24.25 32.11 -7.53)
- LCH
- lch(24.25 32.98 346.8)
- CMYK
- cmyk(0% 65% 28% 62%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 713757
- 814C68
- 916179
- A1768B
- B18C9E
- C0A2B0
- D0B9C4
- E0D0D7
- EFE7EB
Odcienie ciemniejsze
- 531C3C
- 461632
- 391128
- 2D0B1E
- 210715
- 15030D
- 0B0105
- 030002
- 000000
Tony
- 652C4C
- 693651
- 6D3F57
- 70495D
- 735262
- 765B68
- 79646E
- 7C6D74
- 7E777A
Harmonie kolorów
Komplementarna +180°
- 612246
Plum Caspia
- 004935
≈ Zucchini
Analogowa -30° +30°
- 612246
Plum Caspia
- 52285F
≈ Kuwanomi Purple
- 682128
≈ Full City Roast
Triada +120° +240°
- 612246
Plum Caspia
- 413F00
≈ Green Not Found
- 00435A
≈ Loyal Blue
Komplementarna rozszczepiona +150° +210°
- 612246
Plum Caspia
- 1E480A
≈ Dark Fern
- 004648
≈ Incubi Darkness
Tetrada +90° +180° +270°
- 612246
Plum Caspia
- 523700
≈ Eyelash Camel
- 004935
≈ Zucchini
- 173B71
≈ Tardis Blue
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.50:1 · APCA Lc 96
Ag
FailNa czerni
WCAG 1.82:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.50:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
CSS
:root {
--plum-caspia: #612246;
--plum-caspia-rgb: 97 34 70;
--plum-caspia-oklch: oklch(0.359 0.101 348);
}
.element {
color: var(--plum-caspia);
background-color: hsl(326 48% 26%);
border-color: oklch(0.359 0.101 348);
}Tailwind CSS v4
@theme {
--color-plum-caspia: #612246;
--color-plum-caspia-50: #ffeaf9;
--color-plum-caspia-100: #ffdbed;
--color-plum-caspia-200: #f7c3da;
--color-plum-caspia-300: #e0a2bf;
--color-plum-caspia-400: #cb86a9;
--color-plum-caspia-500: #b76992;
--color-plum-caspia-600: #9a597b;
--color-plum-caspia-700: #7c4763;
--color-plum-caspia-800: #5b334a;
--color-plum-caspia-900: #402333;
--color-plum-caspia-950: #29121f;
}SCSS
$plum-caspia: #612246;
$plum-caspia-rgb: 97, 34, 70;
$plum-caspia-light: mix(#fff, $plum-caspia, 20%);
$plum-caspia-dark: mix(#000, $plum-caspia, 20%);
.element {
color: $plum-caspia;
box-shadow: 0 0 0 2px rgba($plum-caspia, 0.35);
}