Benannte Farbe · #80A4CD
Paula Loves Paris
Paula Loves Paris ist #80A4CD: rgb(128 164 205), hsl(212 44% 65%), oklch(0.707 0.072 252.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Paula Loves Paris color name →
#80A4CD
oklch(0.707 0.072 252.1)
Farbumrechnungen
- HEX
- #80a4cd
- RGB
- rgb(128 164 205)
- HSL
- hsl(212 44% 65%)
- HWB
- hwb(212 50% 20%)
- OKLCH
- oklch(0.707 0.072 252.1)
- OKLab
- oklab(0.707 -0.022 -0.069)
- CIE Lab
- lab(65.84 -4.99 -25.27)
- LCH
- lch(65.84 25.76 258.8)
- CMYK
- cmyk(38% 20% 0% 20%)
Tints · Shades · Tones
Tints
- 8CADD2
- 99B6D7
- A5BFDC
- B2C8E2
- BED1E7
- CBDAEC
- D8E3F0
- E5EDF5
- F2F6FA
Shades
- 6E8EB2
- 5D7998
- 4D647E
- 3D5066
- 2E3D4E
- 1F2B38
- 121A23
- 060A0F
- 010102
Tones
- 80A0C5
- 809DBD
- 8199B6
- 8196AE
- 8192A6
- 818F9F
- 818B97
- 80878F
- 808488
Farbharmonien
Komplementär +180°
- 80A4CD
Paula Loves Paris
- BD9A6E
≈ Ancient Fresco
Analog -30° +30°
- 80A4CD
Paula Loves Paris
- 6CABC1
≈ Moonstone Blue
- 999CCD
≈ Bluebell Frost
Triadisch +120° +240°
- 80A4CD
Paula Loves Paris
- C98E95
≈ Greyish Pink
- 90AB7C
≈ Forest Shade
Geteilt komplementär +150° +210°
- 80A4CD
Paula Loves Paris
- C8927D
≈ African Bubinga
- A9A36E
≈ Autumn Sage
Tetradisch +90° +180° +270°
- 80A4CD
Paula Loves Paris
- C18FAD
≈ Bonny Belle
- BD9A6E
≈ Ancient Fresco
- 77AF93
≈ Zephyr Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.58:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 8.10:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 8.10:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--paula-loves-paris: #80a4cd;
--paula-loves-paris-rgb: 128 164 205;
--paula-loves-paris-oklch: oklch(0.707 0.072 252.1);
}
.element {
color: var(--paula-loves-paris);
background-color: hsl(212 44% 65%);
border-color: oklch(0.707 0.072 252.1);
}Tailwind CSS v4
@theme {
--color-paula-loves-paris: #80a4cd;
--color-paula-loves-paris-50: #e7f7ff;
--color-paula-loves-paris-100: #d8eaff;
--color-paula-loves-paris-200: #c0d7f3;
--color-paula-loves-paris-300: #9ebadc;
--color-paula-loves-paris-400: #80a2c8;
--color-paula-loves-paris-500: #6389b5;
--color-paula-loves-paris-600: #547499;
--color-paula-loves-paris-700: #435d7b;
--color-paula-loves-paris-800: #2f445b;
--color-paula-loves-paris-900: #202f3f;
--color-paula-loves-paris-950: #0f1c28;
}SCSS
$paula-loves-paris: #80a4cd;
$paula-loves-paris-rgb: 128, 164, 205;
$paula-loves-paris-light: mix(#fff, $paula-loves-paris, 20%);
$paula-loves-paris-dark: mix(#000, $paula-loves-paris, 20%);
.element {
color: $paula-loves-paris;
box-shadow: 0 0 0 2px rgba($paula-loves-paris, 0.35);
}