لون مسمّى · #0CBFE9
Blue Raspberry
Blue Raspberry هو #0CBFE9: rgb(12 191 233)، hsl(191 90% 48%)، oklch(0.746 0.136 221.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Cyan mean? → · Blue Raspberry color name →
#0CBFE9
oklch(0.746 0.136 221.4)
تحويلات الألوان
- HEX
- #0cbfe9
- RGB
- rgb(12 191 233)
- HSL
- hsl(191 90% 48%)
- HWB
- hwb(191 5% 9%)
- OKLCH
- oklch(0.746 0.136 221.4)
- OKLab
- oklab(0.746 -0.102 -0.09)
- CIE Lab
- lab(71.13 -29.79 -32.82)
- LCH
- lch(71.13 44.33 227.8)
- CMYK
- cmyk(95% 18% 0% 9%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 44C6EC
- 62CDEE
- 7AD3F1
- 8FDAF3
- A3E0F5
- B7E6F7
- C9EDF9
- DBF3FB
- EDF9FD
درجات داكنة
- 09A6CB
- 068DAD
- 047590
- 035E74
- 02485A
- 013341
- 001F29
- 000D13
- 000203
درجات رمادية
- 33B9DE
- 45B3D4
- 52ACC9
- 5DA6BE
- 65A0B4
- 6C9AA9
- 72939F
- 788D95
- 7C878A
تناسق الألوان
متمم +180°
- 0CBFE9
Blue Raspberry
- F48D66
≈ Melon Red
متجاور -30° +30°
- 0CBFE9
Blue Raspberry
- 00C6C0
≈ Swimmers Pool
- 68B1FF
≈ Tiān Lán Sky
ثلاثي +120° +240°
- 0CBFE9
Blue Raspberry
- E689C5
≈ Blushed Bombshell
- BFAF38
≈ Pesto
متمم منقسم +150° +210°
- 0CBFE9
Blue Raspberry
- F58697
≈ Strawberry Soap
- E29D3D
≈ Intense Yellow
رباعي +90° +180° +270°
- 0CBFE9
Blue Raspberry
- C993EB
≈ Dream Vapour
- F48D66
≈ Melon Red
- 8DBE5F
≈ Lima Bean Green
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.17:1 · APCA Lc 42
Ag
AAAعلى الأسود
WCAG 9.64:1 · APCA Lc 60
أفضل لون للنص: #000000
WCAG 9.64:1 (AAA) · APCA Lc 60
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--blue-raspberry: #0cbfe9;
--blue-raspberry-rgb: 12 191 233;
--blue-raspberry-oklch: oklch(0.746 0.136 221.4);
}
.element {
color: var(--blue-raspberry);
background-color: hsl(191 90% 48%);
border-color: oklch(0.746 0.136 221.4);
}Tailwind CSS v4
@theme {
--color-blue-raspberry: #0cbfe9;
--color-blue-raspberry-50: #ccffff;
--color-blue-raspberry-100: #b7f3ff;
--color-blue-raspberry-200: #91e2ff;
--color-blue-raspberry-300: #5ec6ea;
--color-blue-raspberry-400: #00b0d7;
--color-blue-raspberry-500: #0098c5;
--color-blue-raspberry-600: #0081a6;
--color-blue-raspberry-700: #006786;
--color-blue-raspberry-800: #004c62;
--color-blue-raspberry-900: #003545;
--color-blue-raspberry-950: #00202d;
}SCSS
$blue-raspberry: #0cbfe9;
$blue-raspberry-rgb: 12, 191, 233;
$blue-raspberry-light: mix(#fff, $blue-raspberry, 20%);
$blue-raspberry-dark: mix(#000, $blue-raspberry, 20%);
.element {
color: $blue-raspberry;
box-shadow: 0 0 0 2px rgba($blue-raspberry, 0.35);
}