أقرب لون مسمّى · #93D6C9
#93D6C9
أقرب لون مسمّى: Bambino
#93D6C9 (rgb(147 214 201)، hsl(168 45% 71%)، oklch(0.828 0.07 181)) أقرب إلى اللون المسمّى Bambino. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#93D6C9
oklch(0.828 0.07 181)
تحويلات الألوان
- HEX
- #93d6c9
- RGB
- rgb(147 214 201)
- HSL
- hsl(168 45% 71%)
- HWB
- hwb(168 58% 16%)
- OKLCH
- oklch(0.828 0.07 181)
- OKLab
- oklab(0.828 -0.07 -0.001)
- CIE Lab
- lab(80.87 -24.12 -0.68)
- LCH
- lch(80.87 24.13 181.6)
- CMYK
- cmyk(31% 0% 6% 16%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 9EDACE
- AADED4
- B5E2D9
- C0E7DE
- CAEBE4
- D5EFE9
- E0F3EF
- EAF7F4
- F5FBF9
درجات داكنة
- 7FBAAE
- 6C9E95
- 59847C
- 476A64
- 36524C
- 253B36
- 162522
- 08100F
- 010202
درجات رمادية
- 92CDC1
- 90C4BA
- 8FBCB2
- 8DB3AB
- 8BAAA4
- 89A29C
- 879995
- 85918E
- 838887
تناسق الألوان
متمم +180°
- 93D6C9
Bambino
- EEB4C4
≈ Fallen Blossoms
متجاور -30° +30°
- 93D6C9
Bambino
- A6D4B0
≈ Frugal
- 90D3E0
≈ Plunging Waterfall
ثلاثي +120° +240°
- 93D6C9
Bambino
- CEBDEE
≈ Connecticut Lilac
- E9BD98
≈ Pan Tostado
متمم منقسم +150° +210°
- 93D6C9
Bambino
- E2B6DC
≈ French Lilac
- F1B6AB
≈ Canyon Hush
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.65:1 · APCA Lc 29
Ag
AAAعلى الأسود
WCAG 12.70:1 · APCA Lc 74
أفضل لون للنص: #000000
WCAG 12.70:1 (AAA) · APCA Lc 74
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--bambino: #93d6c9;
--bambino-rgb: 147 214 201;
--bambino-oklch: oklch(0.828 0.07 181);
}
.element {
color: var(--bambino);
background-color: hsl(168 45% 71%);
border-color: oklch(0.828 0.07 181);
}Tailwind CSS v4
@theme {
--color-bambino: #93d6c9;
--color-bambino-50: #e0fcf7;
--color-bambino-100: #cff0ea;
--color-bambino-200: #b4dfd7;
--color-bambino-300: #8fc4bb;
--color-bambino-400: #6eaca1;
--color-bambino-500: #4b9689;
--color-bambino-600: #417e74;
--color-bambino-700: #33655d;
--color-bambino-800: #254a43;
--color-bambino-900: #18342e;
--color-bambino-950: #091f1b;
}SCSS
$bambino: #93d6c9;
$bambino-rgb: 147, 214, 201;
$bambino-light: mix(#fff, $bambino, 20%);
$bambino-dark: mix(#000, $bambino, 20%);
.element {
color: $bambino;
box-shadow: 0 0 0 2px rgba($bambino, 0.35);
}