لون مسمّى · #BCCAE8
Cuddle
Cuddle هو #BCCAE8: rgb(188 202 232)، hsl(221 49% 82%)، oklch(0.838 0.045 265.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Blue mean? → · Cuddle color name →
#BCCAE8
oklch(0.838 0.045 265.6)
تحويلات الألوان
- HEX
- #bccae8
- RGB
- rgb(188 202 232)
- HSL
- hsl(221 49% 82%)
- HWB
- hwb(221 74% 9%)
- OKLCH
- oklch(0.838 0.045 265.6)
- OKLab
- oklab(0.838 -0.003 -0.045)
- CIE Lab
- lab(80.97 -0.28 -16.62)
- LCH
- lch(80.97 16.63 269)
- CMYK
- cmyk(19% 13% 0% 9%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C3CFEA
- C9D5ED
- D0DAEF
- D6DFF1
- DDE4F4
- E4EAF6
- EBEFF8
- F1F4FB
- F8FAFD
درجات داكنة
- A3AFCA
- 8B95AC
- 737C90
- 5D6474
- 474D59
- 323740
- 1F2229
- 0D0F13
- 020203
درجات رمادية
- B6C2DD
- B0BBD2
- AAB3C8
- A4ACBD
- 9EA4B3
- 989DA8
- 92969E
- 8C8E94
- 86878A
تناسق الألوان
متمم +180°
- BCCAE8
Cuddle
- D7C8A9
≈ New Khaki
متجاور -30° +30°
- BCCAE8
Cuddle
- AFCFE3
≈ Light Sky Bus
- CCC5E5
≈ Italian Fitch
ثلاثي +120° +240°
- BCCAE8
Cuddle
- E6BFBB
≈ Rosy Glow
- B8D2B9
≈ Eucalyptus Leaf
متمم منقسم +150° +210°
- BCCAE8
Cuddle
- E2C3AF
≈ Gypsum Rose
- C8CEAD
≈ Bamboo White
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.64:1 · APCA Lc 29
Ag
AAAعلى الأسود
WCAG 12.75:1 · APCA Lc 74
أفضل لون للنص: #000000
WCAG 12.75:1 (AAA) · APCA Lc 74
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cuddle: #bccae8;
--cuddle-rgb: 188 202 232;
--cuddle-oklch: oklch(0.838 0.045 265.6);
}
.element {
color: var(--cuddle);
background-color: hsl(221 49% 82%);
border-color: oklch(0.838 0.045 265.6);
}Tailwind CSS v4
@theme {
--color-cuddle: #bccae8;
--color-cuddle-50: #eff5ff;
--color-cuddle-100: #e1e8f7;
--color-cuddle-200: #ccd4e8;
--color-cuddle-300: #adb7cf;
--color-cuddle-400: #929eba;
--color-cuddle-500: #7886a5;
--color-cuddle-600: #66718b;
--color-cuddle-700: #515b6f;
--color-cuddle-800: #3a4252;
--color-cuddle-900: #282e39;
--color-cuddle-950: #161b24;
}SCSS
$cuddle: #bccae8;
$cuddle-rgb: 188, 202, 232;
$cuddle-light: mix(#fff, $cuddle, 20%);
$cuddle-dark: mix(#000, $cuddle, 20%);
.element {
color: $cuddle;
box-shadow: 0 0 0 2px rgba($cuddle, 0.35);
}