لون مسمّى · #C9E7E3
Polar Expedition
Polar Expedition هو #C9E7E3: rgb(201 231 227)، hsl(172 38% 85%)، oklch(0.905 0.032 186.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Polar Expedition color name →
#C9E7E3
oklch(0.905 0.032 186.9)
تحويلات الألوان
- HEX
- #c9e7e3
- RGB
- rgb(201 231 227)
- HSL
- hsl(172 38% 85%)
- HWB
- hwb(172 79% 9%)
- OKLCH
- oklch(0.905 0.032 186.9)
- OKLab
- oklab(0.905 -0.032 -0.004)
- CIE Lab
- lab(89.36 -10.78 -1.55)
- LCH
- lch(89.36 10.89 188.2)
- CMYK
- cmyk(13% 0% 2% 9%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CEE9E6
- D4ECE9
- D9EEEB
- DFF1EE
- E4F3F1
- E9F5F4
- EFF8F7
- F4FAF9
- FAFDFC
درجات داكنة
- AEC9C5
- 95ABA8
- 7C8F8C
- 647371
- 4C5957
- 36403F
- 222827
- 0F1312
- 020303
درجات رمادية
- C2DCD9
- BAD2CE
- B3C7C4
- ABBDBA
- A4B2B0
- 9DA8A6
- 969E9D
- 8E9493
- 878A89
تناسق الألوان
متمم +180°
- C9E7E3
Polar Expedition
- F4D7DC
≈ Eliza Jane
متجاور -30° +30°
- C9E7E3
Polar Expedition
- CFE6D7
≈ Peppermint Patty
- C9E5EE
≈ Sapphireberry
ثلاثي +120° +240°
- C9E7E3
Polar Expedition
- E5DBF1
≈ Princess Fairy Tale
- EFDCCA
≈ Castle in the Clouds
متمم منقسم +150° +210°
- C9E7E3
Polar Expedition
- EED8E8
≈ All Made Up
- F4D9D1
≈ Pinkwash
رباعي +90° +180° +270°
- C9E7E3
Polar Expedition
- DADEF5
≈ Chinese Silver
- F4D7DC
≈ Eliza Jane
- E5E0C9
≈ Canyon Echo
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.31:1 · APCA Lc 15
Ag
AAAعلى الأسود
WCAG 16.02:1 · APCA Lc 88
أفضل لون للنص: #000000
WCAG 16.02:1 (AAA) · APCA Lc 88
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--polar-expedition: #c9e7e3;
--polar-expedition-rgb: 201 231 227;
--polar-expedition-oklch: oklch(0.905 0.032 186.9);
}
.element {
color: var(--polar-expedition);
background-color: hsl(172 38% 85%);
border-color: oklch(0.905 0.032 186.9);
}Tailwind CSS v4
@theme {
--color-polar-expedition: #c9e7e3;
--color-polar-expedition-50: #ebf8f7;
--color-polar-expedition-100: #ddecea;
--color-polar-expedition-200: #c6d9d7;
--color-polar-expedition-300: #a6bdbb;
--color-polar-expedition-400: #8aa5a1;
--color-polar-expedition-500: #6f8d8a;
--color-polar-expedition-600: #5e7874;
--color-polar-expedition-700: #4b605d;
--color-polar-expedition-800: #364644;
--color-polar-expedition-900: #25312f;
--color-polar-expedition-950: #141d1b;
}SCSS
$polar-expedition: #c9e7e3;
$polar-expedition-rgb: 201, 231, 227;
$polar-expedition-light: mix(#fff, $polar-expedition, 20%);
$polar-expedition-dark: mix(#000, $polar-expedition, 20%);
.element {
color: $polar-expedition;
box-shadow: 0 0 0 2px rgba($polar-expedition, 0.35);
}