لون مسمّى · #ADD8E1
Araucana Egg
Araucana Egg هو #ADD8E1: rgb(173 216 225)، hsl(190 46% 78%)، oklch(0.855 0.047 211.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Cyan mean? → · Araucana Egg color name →
#ADD8E1
oklch(0.855 0.047 211.8)
تحويلات الألوان
- HEX
- #add8e1
- RGB
- rgb(173 216 225)
- HSL
- hsl(190 46% 78%)
- HWB
- hwb(190 68% 12%)
- OKLCH
- oklch(0.855 0.047 211.8)
- OKLab
- oklab(0.855 -0.04 -0.025)
- CIE Lab
- lab(83.49 -13.07 -9.33)
- LCH
- lch(83.49 16.05 215.5)
- CMYK
- cmyk(23% 4% 0% 12%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B5DCE4
- BEE0E7
- C6E4EA
- CEE8ED
- D6ECF0
- DEEFF3
- E7F3F6
- EFF7F9
- F7FBFC
درجات داكنة
- 96BCC4
- 7FA0A7
- 6A858B
- 556B70
- 415356
- 2D3B3E
- 1B2527
- 0B1112
- 010202
درجات رمادية
- A9CFD7
- A4C6CD
- A0BDC3
- 9BB4B9
- 97ABAF
- 92A2A6
- 8E9A9C
- 899193
- 858889
تناسق الألوان
متمم +180°
- ADD8E1
Araucana Egg
- ECC5BD
≈ Snow Pink
متجاور -30° +30°
- ADD8E1
Araucana Egg
- AFDAD1
≈ Scandal
- B5D4EC
≈ Light Sea Cliff
ثلاثي +120° +240°
- ADD8E1
Araucana Egg
- E2C5DD
≈ Favourite Lady
- DACFAD
≈ Lovely Linen
متمم منقسم +150° +210°
- ADD8E1
Araucana Egg
- EBC3CD
≈ Light Blush
- E6C9B1
≈ Grey Sand
رباعي +90° +180° +270°
- ADD8E1
Araucana Egg
- D4C9E9
≈ Foggy Love
- ECC5BD
≈ Snow Pink
- CAD5B3
≈ Spice Garden
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.53:1 · APCA Lc 25
Ag
AAAعلى الأسود
WCAG 13.68:1 · APCA Lc 78
أفضل لون للنص: #000000
WCAG 13.68:1 (AAA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--araucana-egg: #add8e1;
--araucana-egg-rgb: 173 216 225;
--araucana-egg-oklch: oklch(0.855 0.047 211.8);
}
.element {
color: var(--araucana-egg);
background-color: hsl(190 46% 78%);
border-color: oklch(0.855 0.047 211.8);
}Tailwind CSS v4
@theme {
--color-araucana-egg: #add8e1;
--color-araucana-egg-50: #e7f9fd;
--color-araucana-egg-100: #d7ecf1;
--color-araucana-egg-200: #bfdae0;
--color-araucana-egg-300: #9dbec6;
--color-araucana-egg-400: #7fa6ae;
--color-araucana-egg-500: #618f98;
--color-araucana-egg-600: #537981;
--color-araucana-egg-700: #426167;
--color-araucana-egg-800: #2f474b;
--color-araucana-egg-900: #203134;
--color-araucana-egg-950: #0f1d20;
}SCSS
$araucana-egg: #add8e1;
$araucana-egg-rgb: 173, 216, 225;
$araucana-egg-light: mix(#fff, $araucana-egg, 20%);
$araucana-egg-dark: mix(#000, $araucana-egg, 20%);
.element {
color: $araucana-egg;
box-shadow: 0 0 0 2px rgba($araucana-egg, 0.35);
}