Najbliższy nazwany kolor · #95438F
#95438F
Najbliższy nazwany kolor: Purple Excellency
#95438F (rgb(149 67 143), hsl(304 38% 42%), oklch(0.517 0.146 330.3)) jest najbliższy nazwanemu kolorowi Purple Excellency. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#95438F
oklch(0.517 0.146 330.3)
Konwersje koloru
- HEX
- #95438f
- RGB
- rgb(149 67 143)
- HSL
- hsl(304 38% 42%)
- HWB
- hwb(304 26% 42%)
- OKLCH
- oklch(0.517 0.146 330.3)
- OKLab
- oklab(0.517 0.127 -0.073)
- CIE Lab
- lab(41.81 42.79 -26.22)
- LCH
- lch(41.81 50.18 328.5)
- CMYK
- cmyk(0% 55% 4% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A0569A
- AC69A5
- B77BB0
- C18EBC
- CCA0C7
- D6B3D2
- E1C6DD
- EBD9E8
- F5ECF4
Odcienie ciemniejsze
- 81397C
- 6D2F69
- 5A2657
- 481D45
- 371434
- 260C24
- 160515
- 080107
- 010001
Tony
- 944A8E
- 92518D
- 91588B
- 8F5E8A
- 8D6488
- 8B6A87
- 887085
- 867584
- 837B82
Harmonie kolorów
Komplementarna +180°
- 95438F
Purple Excellency
- 007E39
≈ Charmed Green
Analogowa -30° +30°
- 95438F
Purple Excellency
- 7750AE
≈ Royal Lavender
- A73C64
≈ Valentine’s Day
Triada +120° +240°
- 95438F
Purple Excellency
- 7F6500
≈ Arousing Alligator
- 007685
≈ Glamour Green
Komplementarna rozszczepiona +150° +210°
- 95438F
Purple Excellency
- 5F7200
≈ Topiary Green
- 00796A
≈ Shady Glade
Tetrada +90° +180° +270°
- 95438F
Purple Excellency
- 995400
≈ Charlie Brown
- 007E39
≈ Charmed Green
- 006FA5
≈ Bowen Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.03:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.47:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.03:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--purple-excellency: #95438f;
--purple-excellency-rgb: 149 67 143;
--purple-excellency-oklch: oklch(0.517 0.146 330.3);
}
.element {
color: var(--purple-excellency);
background-color: hsl(304 38% 42%);
border-color: oklch(0.517 0.146 330.3);
}Tailwind CSS v4
@theme {
--color-purple-excellency: #95438f;
--color-purple-excellency-50: #ffe6ff;
--color-purple-excellency-100: #ffd7fe;
--color-purple-excellency-200: #fabdf0;
--color-purple-excellency-300: #e49bd8;
--color-purple-excellency-400: #ce7cc7;
--color-purple-excellency-500: #ba5db3;
--color-purple-excellency-600: #9d4f97;
--color-purple-excellency-700: #7e3f79;
--color-purple-excellency-800: #5d2d5b;
--color-purple-excellency-900: #411f40;
--color-purple-excellency-950: #290e29;
}SCSS
$purple-excellency: #95438f;
$purple-excellency-rgb: 149, 67, 143;
$purple-excellency-light: mix(#fff, $purple-excellency, 20%);
$purple-excellency-dark: mix(#000, $purple-excellency, 20%);
.element {
color: $purple-excellency;
box-shadow: 0 0 0 2px rgba($purple-excellency, 0.35);
}