لون مسمّى · #AFCBE5
Featherbed
Featherbed هو #AFCBE5: rgb(175 203 229)، hsl(209 51% 79%)، oklch(0.83 0.047 246.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Blue mean? → · Featherbed color name →
#AFCBE5
oklch(0.83 0.047 246.4)
تحويلات الألوان
- HEX
- #afcbe5
- RGB
- rgb(175 203 229)
- HSL
- hsl(209 51% 79%)
- HWB
- hwb(209 69% 10%)
- OKLCH
- oklch(0.83 0.047 246.4)
- OKLab
- oklab(0.83 -0.019 -0.044)
- CIE Lab
- lab(80.24 -5.49 -16.24)
- LCH
- lch(80.24 17.14 251.3)
- CMYK
- cmyk(24% 11% 0% 10%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B7D0E8
- BFD5EA
- C7DBED
- CFE0F0
- D7E5F2
- DFEAF5
- E7EFF7
- EFF5FA
- F7FAFC
درجات داكنة
- 98B0C7
- 8196AA
- 6B7D8E
- 566572
- 414D58
- 2E373F
- 1C2228
- 0B0F12
- 010203
درجات رمادية
- AAC3DB
- A6BCD0
- A1B4C6
- 9CACBC
- 97A5B1
- 939DA7
- 8E969D
- 898F93
- 85878A
تناسق الألوان
متمم +180°
- AFCBE5
Featherbed
- DDC2A7
≈ Romulus
متجاور -30° +30°
- AFCBE5
Featherbed
- A5D0DB
≈ Cay
- BFC5E7
≈ California Lilac
ثلاثي +120° +240°
- AFCBE5
Featherbed
- E4BBC2
≈ Ice Hot Pink
- BFCDAC
≈ Kiss of Mint
متمم منقسم +150° +210°
- AFCBE5
Featherbed
- E4BDB2
≈ Peach Powder
- D0C8A5
≈ Desert Cover
رباعي +90° +180° +270°
- AFCBE5
Featherbed
- DCBCD3
≈ Lavender Veil
- DDC2A7
≈ Romulus
- AFD1BB
≈ Misty Jade
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.68:1 · APCA Lc 30
Ag
AAAعلى الأسود
WCAG 12.49:1 · APCA Lc 73
أفضل لون للنص: #000000
WCAG 12.49:1 (AAA) · APCA Lc 73
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--featherbed: #afcbe5;
--featherbed-rgb: 175 203 229;
--featherbed-oklch: oklch(0.83 0.047 246.4);
}
.element {
color: var(--featherbed);
background-color: hsl(209 51% 79%);
border-color: oklch(0.83 0.047 246.4);
}Tailwind CSS v4
@theme {
--color-featherbed: #afcbe5;
--color-featherbed-50: #ebf7ff;
--color-featherbed-100: #dceaf7;
--color-featherbed-200: #c5d7e8;
--color-featherbed-300: #a5bacf;
--color-featherbed-400: #88a2b9;
--color-featherbed-500: #6d8aa4;
--color-featherbed-600: #5c758b;
--color-featherbed-700: #4a5d6f;
--color-featherbed-800: #354452;
--color-featherbed-900: #242f39;
--color-featherbed-950: #131c23;
}SCSS
$featherbed: #afcbe5;
$featherbed-rgb: 175, 203, 229;
$featherbed-light: mix(#fff, $featherbed, 20%);
$featherbed-dark: mix(#000, $featherbed, 20%);
.element {
color: $featherbed;
box-shadow: 0 0 0 2px rgba($featherbed, 0.35);
}