Najbliższy nazwany kolor · #7F75FF
#7F75FF
Najbliższy nazwany kolor: Orchid
#7F75FF (rgb(127 117 255), hsl(244 100% 73%), oklch(0.641 0.198 282.5)) jest najbliższy nazwanemu kolorowi Orchid. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#7F75FF
oklch(0.641 0.198 282.5)
Konwersje koloru
- HEX
- #7f75ff
- RGB
- rgb(127 117 255)
- HSL
- hsl(244 100% 73%)
- HWB
- hwb(244 46% 0%)
- OKLCH
- oklch(0.641 0.198 282.5)
- OKLab
- oklab(0.641 0.043 -0.194)
- CIE Lab
- lab(55.62 31.64 -68.89)
- LCH
- lch(55.62 75.81 294.7)
- CMYK
- cmyk(50% 54% 0% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8A84FF
- 9593FF
- A1A1FF
- ADAFFF
- BABDFF
- C7CAFF
- D5D7FF
- E3E5FF
- F1F2FF
Odcienie ciemniejsze
- 6E65DE
- 5D55BE
- 4C469E
- 3C3780
- 2D2963
- 1F1C48
- 110F2E
- 060516
- 010103
Tony
- 7E78F2
- 7E7AE6
- 7E7CDA
- 7D7DCD
- 7D7EC0
- 7E7FB4
- 7E80A7
- 7F809A
- 7F808D
Harmonie kolorów
Komplementarna +180°
- 7F75FF
Orchid
- 9D8F00
≈ Smoothie Green
Analogowa -30° +30°
- 7F75FF
Orchid
- 008DFE
≈ Clear Chill
- B560E1
≈ Rich Lilac
Triada +120° +240°
- 7F75FF
Orchid
- E75900
≈ Tobiko Orange
- 00A673
≈ Bluish Green
Komplementarna rozszczepiona +150° +210°
- 7F75FF
Orchid
- BE7D00
≈ Guo Tie Dumpling
- 5FA200
≈ Prairie Green
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.56:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.89:1 · APCA Lc 39
Najlepszy kolor tekstu: #000000
WCAG 5.89:1 (AA) · APCA Lc 39
Contrast pairs
Fragmenty kodu
CSS
:root {
--orchid: #7f75ff;
--orchid-rgb: 127 117 255;
--orchid-oklch: oklch(0.641 0.198 282.5);
}
.element {
color: var(--orchid);
background-color: hsl(244 100% 73%);
border-color: oklch(0.641 0.198 282.5);
}Tailwind CSS v4
@theme {
--color-orchid: #7f75ff;
--color-orchid-50: #eeeeff;
--color-orchid-100: #e0dfff;
--color-orchid-200: #cbc8ff;
--color-orchid-300: #ada7ff;
--color-orchid-400: #908aff;
--color-orchid-500: #796aff;
--color-orchid-600: #665ada;
--color-orchid-700: #5148af;
--color-orchid-800: #393584;
--color-orchid-900: #27245d;
--color-orchid-950: #161240;
}SCSS
$orchid: #7f75ff;
$orchid-rgb: 127, 117, 255;
$orchid-light: mix(#fff, $orchid, 20%);
$orchid-dark: mix(#000, $orchid, 20%);
.element {
color: $orchid;
box-shadow: 0 0 0 2px rgba($orchid, 0.35);
}