Nazwany kolor · #514C7E
Fully Purple
Fully Purple to #514C7E: rgb(81 76 126), hsl(246 25% 40%), oklch(0.444 0.081 287.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Fully Purple color name →
#514C7E
oklch(0.444 0.081 287.2)
Konwersje koloru
- HEX
- #514c7e
- RGB
- rgb(81 76 126)
- HSL
- hsl(246 25% 40%)
- HWB
- hwb(246 30% 51%)
- OKLCH
- oklch(0.444 0.081 287.2)
- OKLab
- oklab(0.444 0.024 -0.077)
- CIE Lab
- lab(34.55 11.86 -27.91)
- LCH
- lch(34.55 30.33 293)
- CMYK
- cmyk(36% 40% 0% 51%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 605D8B
- 706D97
- 817FA4
- 9290B1
- A3A2BE
- B5B4CB
- C7C6D8
- D9D9E5
- ECECF2
Odcienie ciemniejsze
- 45416D
- 3A365C
- 2F2C4C
- 24223C
- 1A182D
- 100F1F
- 070611
- 020205
- 000001
Tony
- 55517F
- 5A577F
- 5E5C80
- 636180
- 686680
- 6C6B80
- 717180
- 767680
- 7B7B80
Harmonie kolorów
Komplementarna +180°
- 514C7E
Fully Purple
- 595619
≈ Douro
Analogowa -30° +30°
- 514C7E
Fully Purple
- 365480
≈ Overtake
- 664571
≈ Presley Purple
Triada +120° +240°
- 514C7E
Fully Purple
- 78452A
≈ Bull Shot
- 18624A
≈ Green Paw Paw
Komplementarna rozszczepiona +150° +210°
- 514C7E
Fully Purple
- 6C4D16
≈ Antique Bronze
- 3D5E30
≈ Deep Into the Wood
Tetrada +90° +180° +270°
- 514C7E
Fully Purple
- 7A4043
≈ Velvety Merlot
- 595619
≈ Douro
- 006062
≈ Beau Vert
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.82:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.68:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.82:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--fully-purple: #514c7e;
--fully-purple-rgb: 81 76 126;
--fully-purple-oklch: oklch(0.444 0.081 287.2);
}
.element {
color: var(--fully-purple);
background-color: hsl(246 25% 40%);
border-color: oklch(0.444 0.081 287.2);
}Tailwind CSS v4
@theme {
--color-fully-purple: #514c7e;
--color-fully-purple-50: #f4f2ff;
--color-fully-purple-100: #e6e4ff;
--color-fully-purple-200: #d3cff5;
--color-fully-purple-300: #b6b1df;
--color-fully-purple-400: #9b97cc;
--color-fully-purple-500: #837eb9;
--color-fully-purple-600: #6e6b9c;
--color-fully-purple-700: #58557e;
--color-fully-purple-800: #3f3e5d;
--color-fully-purple-900: #2c2b41;
--color-fully-purple-950: #19182a;
}SCSS
$fully-purple: #514c7e;
$fully-purple-rgb: 81, 76, 126;
$fully-purple-light: mix(#fff, $fully-purple, 20%);
$fully-purple-dark: mix(#000, $fully-purple, 20%);
.element {
color: $fully-purple;
box-shadow: 0 0 0 2px rgba($fully-purple, 0.35);
}