لون مسمّى · #BDD8C0
Namaste
Namaste هو #BDD8C0: rgb(189 216 192)، hsl(127 26% 79%)، oklch(0.856 0.044 148.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Namaste color name →
#BDD8C0
oklch(0.856 0.044 148.3)
تحويلات الألوان
- HEX
- #bdd8c0
- RGB
- rgb(189 216 192)
- HSL
- hsl(127 26% 79%)
- HWB
- hwb(127 74% 15%)
- OKLCH
- oklch(0.856 0.044 148.3)
- OKLab
- oklab(0.856 -0.037 0.023)
- CIE Lab
- lab(83.83 -12.71 8.7)
- LCH
- lch(83.83 15.41 145.6)
- CMYK
- cmyk(12% 0% 11% 15%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C4DCC6
- CAE0CC
- D1E4D3
- D7E8D9
- DEEBDF
- E4EFE6
- EBF3EC
- F2F7F2
- F8FBF9
درجات داكنة
- A4BCA7
- 8CA08E
- 748576
- 5D6B5F
- 475349
- 333B34
- 1F2520
- 0D110E
- 020202
درجات رمادية
- B7CFB9
- B1C6B3
- AABDAC
- A4B4A6
- 9EAB9F
- 98A299
- 929A93
- 8C918C
- 868886
تناسق الألوان
متمم +180°
- BDD8C0
Namaste
- E0C6DE
≈ Decadial Pink
متجاور -30° +30°
- BDD8C0
Namaste
- CCD4B4
≈ Mint Soap
- B2D9D0
≈ Wave Top
ثلاثي +120° +240°
- BDD8C0
Namaste
- C3CFED
≈ Purple Pj’s
- EBC5C0
≈ Rose Haze
متمم منقسم +150° +210°
- BDD8C0
Namaste
- D3CAE9
≈ Italian Fitch
- E9C4CF
≈ Light Blush
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.52:1 · APCA Lc 24
Ag
AAAعلى الأسود
WCAG 13.74:1 · APCA Lc 79
أفضل لون للنص: #000000
WCAG 13.74:1 (AAA) · APCA Lc 79
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--namaste: #bdd8c0;
--namaste-rgb: 189 216 192;
--namaste-oklch: oklch(0.856 0.044 148.3);
}
.element {
color: var(--namaste);
background-color: hsl(127 26% 79%);
border-color: oklch(0.856 0.044 148.3);
}Tailwind CSS v4
@theme {
--color-namaste: #bdd8c0;
--color-namaste-50: #edf9ef;
--color-namaste-100: #deece0;
--color-namaste-200: #c8dacb;
--color-namaste-300: #a8beac;
--color-namaste-400: #8da690;
--color-namaste-500: #738f76;
--color-namaste-600: #617964;
--color-namaste-700: #4e6150;
--color-namaste-800: #394739;
--color-namaste-900: #273127;
--color-namaste-950: #151d15;
}SCSS
$namaste: #bdd8c0;
$namaste-rgb: 189, 216, 192;
$namaste-light: mix(#fff, $namaste, 20%);
$namaste-dark: mix(#000, $namaste, 20%);
.element {
color: $namaste;
box-shadow: 0 0 0 2px rgba($namaste, 0.35);
}