لون مسمّى · #80A4CD
Paula Loves Paris
Paula Loves Paris هو #80A4CD: rgb(128 164 205)، hsl(212 44% 65%)، oklch(0.707 0.072 252.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Blue mean? → · Paula Loves Paris color name →
#80A4CD
oklch(0.707 0.072 252.1)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8CADD2
- 99B6D7
- A5BFDC
- B2C8E2
- BED1E7
- CBDAEC
- D8E3F0
- E5EDF5
- F2F6FA
درجات داكنة
- 6E8EB2
- 5D7998
- 4D647E
- 3D5066
- 2E3D4E
- 1F2B38
- 121A23
- 060A0F
- 010102
درجات رمادية
- 80A0C5
- 809DBD
- 8199B6
- 8196AE
- 8192A6
- 818F9F
- 818B97
- 80878F
- 808488
تناسق الألوان
متمم +180°
- 80A4CD
Paula Loves Paris
- BD9A6E
≈ Ancient Fresco
متجاور -30° +30°
- 80A4CD
Paula Loves Paris
- 6CABC1
≈ Moonstone Blue
- 999CCD
≈ Bluebell Frost
ثلاثي +120° +240°
- 80A4CD
Paula Loves Paris
- C98E95
≈ Greyish Pink
- 90AB7C
≈ Forest Shade
متمم منقسم +150° +210°
- 80A4CD
Paula Loves Paris
- C8927D
≈ African Bubinga
- A9A36E
≈ Autumn Sage
رباعي +90° +180° +270°
- 80A4CD
Paula Loves Paris
- C18FAD
≈ Bonny Belle
- BD9A6E
≈ Ancient Fresco
- 77AF93
≈ Zephyr Green
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.58:1 · APCA Lc 51
Ag
AAAعلى الأسود
WCAG 8.10:1 · APCA Lc 51
أفضل لون للنص: #000000
WCAG 8.10:1 (AAA) · APCA Lc 51
Contrast pairs
مقتطفات الأكواد
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);
}