Benannte Farbe · #8590AE
Papilio Argeotus
Papilio Argeotus ist #8590AE: rgb(133 144 174), hsl(224 20% 60%), oklch(0.655 0.047 269.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Papilio Argeotus color name →
#8590AE
oklch(0.655 0.047 269.3)
Farbumrechnungen
- HEX
- #8590ae
- RGB
- rgb(133 144 174)
- HSL
- hsl(224 20% 60%)
- HWB
- hwb(224 52% 32%)
- OKLCH
- oklch(0.655 0.047 269.3)
- OKLab
- oklab(0.655 -0.001 -0.047)
- CIE Lab
- lab(59.69 0.97 -17.24)
- LCH
- lch(59.69 17.27 273.2)
- CMYK
- cmyk(24% 17% 0% 32%)
Tints · Shades · Tones
Tints
- 919BB6
- 9CA5BE
- A8B0C6
- B4BBCE
- C0C6D6
- CCD1DE
- D9DDE6
- E5E8EF
- F2F3F7
Shades
- 737D97
- 616A80
- 50576A
- 404555
- 303441
- 21242E
- 13151C
- 06070B
- 010101
Tones
- 858EA9
- 848DA5
- 848BA0
- 838A9C
- 838897
- 828792
- 82858E
- 818389
- 818285
Farbharmonien
Komplementär +180°
- 8590AE
Papilio Argeotus
- 9C9070
≈ Saddle Soap
Analog -30° +30°
- 8590AE
Papilio Argeotus
- 7795AB
≈ American Anthem
- 948BAA
≈ Antique Viola
Triadisch +120° +240°
- 8590AE
Papilio Argeotus
- AB8680
≈ Bedford Brown
- 7D9982
≈ Dinosaur
Geteilt komplementär +150° +210°
- 8590AE
Papilio Argeotus
- A78A75
≈ Rodeo Tan
- 8D9575
≈ Leafy Rise
Tetradisch +90° +180° +270°
- 8590AE
Papilio Argeotus
- AA8590
≈ Going Rouge
- 9C9070
≈ Saddle Soap
- 729A91
≈ Pale Verdigris
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.18:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.59:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.59:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--papilio-argeotus: #8590ae;
--papilio-argeotus-rgb: 133 144 174;
--papilio-argeotus-oklch: oklch(0.655 0.047 269.3);
}
.element {
color: var(--papilio-argeotus);
background-color: hsl(224 20% 60%);
border-color: oklch(0.655 0.047 269.3);
}Tailwind CSS v4
@theme {
--color-papilio-argeotus: #8590ae;
--color-papilio-argeotus-50: #f0f5ff;
--color-papilio-argeotus-100: #e2e7f8;
--color-papilio-argeotus-200: #cdd4e9;
--color-papilio-argeotus-300: #aeb7d0;
--color-papilio-argeotus-400: #939ebb;
--color-papilio-argeotus-500: #7985a6;
--color-papilio-argeotus-600: #67718c;
--color-papilio-argeotus-700: #525a70;
--color-papilio-argeotus-800: #3b4253;
--color-papilio-argeotus-900: #292e3a;
--color-papilio-argeotus-950: #161a24;
}SCSS
$papilio-argeotus: #8590ae;
$papilio-argeotus-rgb: 133, 144, 174;
$papilio-argeotus-light: mix(#fff, $papilio-argeotus, 20%);
$papilio-argeotus-dark: mix(#000, $papilio-argeotus, 20%);
.element {
color: $papilio-argeotus;
box-shadow: 0 0 0 2px rgba($papilio-argeotus, 0.35);
}