لون مسمّى · #B9C8E0
Penna
Penna هو #B9C8E0: rgb(185 200 224)، hsl(217 39% 80%)، oklch(0.829 0.038 259.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Blue mean? → · Penna color name →
#B9C8E0
oklch(0.829 0.038 259.8)
تحويلات الألوان
- HEX
- #b9c8e0
- RGB
- rgb(185 200 224)
- HSL
- hsl(217 39% 80%)
- HWB
- hwb(217 73% 12%)
- OKLCH
- oklch(0.829 0.038 259.8)
- OKLab
- oklab(0.829 -0.007 -0.037)
- CIE Lab
- lab(80.02 -1.59 -13.81)
- LCH
- lch(80.02 13.9 263.4)
- CMYK
- cmyk(17% 11% 0% 12%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C0CDE3
- C7D3E6
- CED8E9
- D5DEED
- DCE3F0
- E3E9F3
- EAEEF6
- F1F4F9
- F8F9FC
درجات داكنة
- A0AEC3
- 8994A6
- 717B8A
- 5B6370
- 464C56
- 31363E
- 1E2127
- 0D0F12
- 020202
درجات رمادية
- B3C1D6
- ADB9CC
- A8B2C2
- A2ABB9
- 9CA3AF
- 969CA5
- 91959C
- 8B8E93
- 868789
تناسق الألوان
متمم +180°
- B9C8E0
Penna
- D4C5AC
≈ Khaki Shade
متجاور -30° +30°
- B9C8E0
Penna
- AFCCDB
≈ Essex Blue
- C6C3DE
≈ Ice Mauve
ثلاثي +120° +240°
- B9C8E0
Penna
- DFBEBD
≈ Strawflower
- BBCDB6
≈ Isle of Dreams
متمم منقسم +150° +210°
- B9C8E0
Penna
- DCC1B2
≈ Marshmallow Cocoa
- C8CAAE
≈ Spring Hill
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.69:1 · APCA Lc 30
Ag
AAAعلى الأسود
WCAG 12.40:1 · APCA Lc 73
أفضل لون للنص: #000000
WCAG 12.40:1 (AAA) · APCA Lc 73
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--penna: #b9c8e0;
--penna-rgb: 185 200 224;
--penna-oklch: oklch(0.829 0.038 259.8);
}
.element {
color: var(--penna);
background-color: hsl(217 39% 80%);
border-color: oklch(0.829 0.038 259.8);
}Tailwind CSS v4
@theme {
--color-penna: #b9c8e0;
--color-penna-50: #eff5ff;
--color-penna-100: #e1e8f5;
--color-penna-200: #ccd5e5;
--color-penna-300: #adb8cb;
--color-penna-400: #929fb5;
--color-penna-500: #7887a0;
--color-penna-600: #657287;
--color-penna-700: #515b6c;
--color-penna-800: #3a4350;
--color-penna-900: #282e37;
--color-penna-950: #161b22;
}SCSS
$penna: #b9c8e0;
$penna-rgb: 185, 200, 224;
$penna-light: mix(#fff, $penna, 20%);
$penna-dark: mix(#000, $penna, 20%);
.element {
color: $penna;
box-shadow: 0 0 0 2px rgba($penna, 0.35);
}