أقرب لون مسمّى · #A4DADB
#A4DADB
أقرب لون مسمّى: Opal
#A4DADB (rgb(164 218 219)، hsl(181 43% 75%)، oklch(0.852 0.055 197.6)) أقرب إلى اللون المسمّى Opal. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#A4DADB
oklch(0.852 0.055 197.6)
تحويلات الألوان
- HEX
- #a4dadb
- RGB
- rgb(164 218 219)
- HSL
- hsl(181 43% 75%)
- HWB
- hwb(181 64% 14%)
- OKLCH
- oklch(0.852 0.055 197.6)
- OKLab
- oklab(0.852 -0.053 -0.017)
- CIE Lab
- lab(83.34 -17.8 -6.45)
- LCH
- lch(83.34 18.94 199.9)
- CMYK
- cmyk(25% 0% 0% 14%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- ADDEDF
- B7E1E2
- C0E5E6
- C9E9E9
- D2EDED
- DBF0F1
- E4F4F4
- EDF8F8
- F6FBFB
درجات داكنة
- 8EBDBE
- 79A2A2
- 648787
- 506C6D
- 3D5454
- 2B3C3C
- 1A2526
- 0A1111
- 010202
درجات رمادية
- A1D1D2
- 9DC7C8
- 9ABEBF
- 97B5B6
- 93ACAC
- 8FA3A3
- 8C9A9A
- 889191
- 848989
تناسق الألوان
متمم +180°
- A4DADB
Opal
- F1C0C1
≈ Silver Strawberry
متجاور -30° +30°
ثلاثي +120° +240°
متمم منقسم +150° +210°
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.54:1 · APCA Lc 25
Ag
AAAعلى الأسود
WCAG 13.62:1 · APCA Lc 78
أفضل لون للنص: #000000
WCAG 13.62:1 (AAA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--opal: #a4dadb;
--opal-rgb: 164 218 219;
--opal-oklch: oklch(0.852 0.055 197.6);
}
.element {
color: var(--opal);
background-color: hsl(181 43% 75%);
border-color: oklch(0.852 0.055 197.6);
}Tailwind CSS v4
@theme {
--color-opal: #a4dadb;
--color-opal-50: #e4fafb;
--color-opal-100: #d4eeef;
--color-opal-200: #badcdd;
--color-opal-300: #97c0c2;
--color-opal-400: #77a9aa;
--color-opal-500: #589293;
--color-opal-600: #4b7b7c;
--color-opal-700: #3c6364;
--color-opal-800: #2a4948;
--color-opal-900: #1c3232;
--color-opal-950: #0c1e1e;
}SCSS
$opal: #a4dadb;
$opal-rgb: 164, 218, 219;
$opal-light: mix(#fff, $opal, 20%);
$opal-dark: mix(#000, $opal, 20%);
.element {
color: $opal;
box-shadow: 0 0 0 2px rgba($opal, 0.35);
}