Najbliższy nazwany kolor · #66008B
#66008B
Najbliższy nazwany kolor: Extraviolet
#66008B (rgb(102 0 139), hsl(284 100% 27%), oklch(0.387 0.193 312.7)) jest najbliższy nazwanemu kolorowi Extraviolet. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#66008B
oklch(0.387 0.193 312.7)
Konwersje koloru
- HEX
- #66008b
- RGB
- rgb(102 0 139)
- HSL
- hsl(284 100% 27%)
- HWB
- hwb(284 0% 45%)
- OKLCH
- oklch(0.387 0.193 312.7)
- OKLab
- oklab(0.387 0.131 -0.142)
- CIE Lab
- lab(25.33 52.7 -50.52)
- LCH
- lch(25.33 73.01 316.2)
- CMYK
- cmyk(27% 100% 0% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 752B98
- 8445A4
- 935DB0
- A274BC
- B18BC8
- C1A2D3
- D0B9DE
- E0D0E9
- EFE7F4
Odcienie ciemniejsze
- 580078
- 4A0066
- 3C0054
- 2F0043
- 230032
- 170023
- 0C0014
- 040007
- 000001
Tony
- 691D8B
- 6C2D8B
- 6F3A8A
- 724589
- 745088
- 775A87
- 796486
- 7C6D84
- 7E7782
Harmonie kolorów
Komplementarna +180°
- 66008B
Extraviolet
- 2C4F00
≈ Navy Green
Analogowa -30° +30°
- 66008B
Extraviolet
- 3E22A5
≈ Indigo Blue
- 79005B
≈ Xereus Purple
Triada +120° +240°
- 66008B
Extraviolet
- 5F3C00
≈ Hippogriff Brown
- 004F4E
≈ Antique Turquoise
Komplementarna rozszczepiona +150° +210°
- 66008B
Extraviolet
- 4D4500
≈ Roman Bronze
- 005237
≈ Trapper Green
Tetrada +90° +180° +270°
- 66008B
Extraviolet
- 742900
≈ Chestnut
- 2C4F00
≈ Navy Green
- 004C60
≈ Raging Thunderstorm
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.83:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 1.93:1 · APCA Lc 9
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.83:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--extraviolet: #66008b;
--extraviolet-rgb: 102 0 139;
--extraviolet-oklch: oklch(0.387 0.193 312.7);
}
.element {
color: var(--extraviolet);
background-color: hsl(284 100% 27%);
border-color: oklch(0.387 0.193 312.7);
}Tailwind CSS v4
@theme {
--color-extraviolet: #66008b;
--color-extraviolet-50: #ffe5ff;
--color-extraviolet-100: #ffd5ff;
--color-extraviolet-200: #f3bbff;
--color-extraviolet-300: #dc97fb;
--color-extraviolet-400: #c577ef;
--color-extraviolet-500: #b154df;
--color-extraviolet-600: #9548bc;
--color-extraviolet-700: #783997;
--color-extraviolet-800: #572972;
--color-extraviolet-900: #3d1c51;
--color-extraviolet-950: #260b36;
}SCSS
$extraviolet: #66008b;
$extraviolet-rgb: 102, 0, 139;
$extraviolet-light: mix(#fff, $extraviolet, 20%);
$extraviolet-dark: mix(#000, $extraviolet, 20%);
.element {
color: $extraviolet;
box-shadow: 0 0 0 2px rgba($extraviolet, 0.35);
}