Benannte Farbe · #018DA1
Parrot Flight
Parrot Flight ist #018DA1: rgb(1 141 161), hsl(188 99% 32%), oklch(0.591 0.103 212.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Parrot Flight color name →
#018DA1
oklch(0.591 0.103 212.1)
Farbumrechnungen
- HEX
- #018da1
- RGB
- rgb(1 141 161)
- HSL
- hsl(188 99% 32%)
- HWB
- hwb(188 0% 37%)
- OKLCH
- oklch(0.591 0.103 212.1)
- OKLab
- oklab(0.591 -0.087 -0.055)
- CIE Lab
- lab(53.23 -27.32 -20.19)
- LCH
- lch(53.23 33.97 216.5)
- CMYK
- cmyk(99% 12% 0% 37%)
Tints · Shades · Tones
Tints
- 3698AA
- 53A4B4
- 6BAFBD
- 81BAC6
- 96C6D0
- ACD1D9
- C0DCE2
- D5E8EC
- EAF3F5
Shades
- 017A8B
- 016776
- 005562
- 00444E
- 00333C
- 00232A
- 001419
- 000709
- 000101
Tones
- 268C9E
- 388B9B
- 458A97
- 508994
- 5A8791
- 63868D
- 6B858A
- 728387
- 798283
Farbharmonien
Komplementär +180°
- 018DA1
Parrot Flight
- B26556
≈ Aragon
Analog -30° +30°
- 018DA1
Parrot Flight
- 109182
≈ Silk Sari
- 3F84B5
≈ Curious Blue
Triadisch +120° +240°
- 018DA1
Parrot Flight
- A16698
≈ Mauve Memento
- 937B2A
≈ Fernweh
Geteilt komplementär +150° +210°
- 018DA1
Parrot Flight
- AF6278
≈ Daah-Ling
- A96E37
≈ Tanooki Suit Brown
Tetradisch +90° +180° +270°
- 018DA1
Parrot Flight
- 896EB0
≈ Fairy Wren
- B26556
≈ Aragon
- 73873D
≈ Khaki Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.94:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.32:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.32:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--parrot-flight: #018da1;
--parrot-flight-rgb: 1 141 161;
--parrot-flight-oklch: oklch(0.591 0.103 212.1);
}
.element {
color: var(--parrot-flight);
background-color: hsl(188 99% 32%);
border-color: oklch(0.591 0.103 212.1);
}Tailwind CSS v4
@theme {
--color-parrot-flight: #018da1;
--color-parrot-flight-50: #d5fdff;
--color-parrot-flight-100: #c2f1fd;
--color-parrot-flight-200: #a1e0ef;
--color-parrot-flight-300: #76c5d8;
--color-parrot-flight-400: #48aec2;
--color-parrot-flight-500: #0097ae;
--color-parrot-flight-600: #008093;
--color-parrot-flight-700: #006776;
--color-parrot-flight-800: #004c56;
--color-parrot-flight-900: #01353c;
--color-parrot-flight-950: #002026;
}SCSS
$parrot-flight: #018da1;
$parrot-flight-rgb: 1, 141, 161;
$parrot-flight-light: mix(#fff, $parrot-flight, 20%);
$parrot-flight-dark: mix(#000, $parrot-flight, 20%);
.element {
color: $parrot-flight;
box-shadow: 0 0 0 2px rgba($parrot-flight, 0.35);
}