أقرب لون مسمّى · #99C2A1
#99C2A1
أقرب لون مسمّى: Limestoned
#99C2A1 (rgb(153 194 161)، hsl(132 25% 68%)، oklch(0.775 0.064 150.5)) أقرب إلى اللون المسمّى Limestoned. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#99C2A1
oklch(0.775 0.064 150.5)
تحويلات الألوان
- HEX
- #99c2a1
- RGB
- rgb(153 194 161)
- HSL
- hsl(132 25% 68%)
- HWB
- hwb(132 60% 24%)
- OKLCH
- oklch(0.775 0.064 150.5)
- OKLab
- oklab(0.775 -0.056 0.031)
- CIE Lab
- lab(74.78 -19.1 11.99)
- LCH
- lch(74.78 22.55 147.9)
- CMYK
- cmyk(21% 0% 17% 24%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A3C8AA
- ADCEB3
- B7D4BD
- C2DAC6
- CCE0CF
- D6E6D9
- E0EDE2
- EAF3EC
- F5F9F5
درجات داكنة
- 84A88B
- 708F76
- 5D7762
- 4A604E
- 38493C
- 27342A
- 172019
- 080E09
- 010201
درجات رمادية
- 97BB9E
- 94B59A
- 92AE97
- 90A794
- 8DA191
- 8B9A8D
- 88938A
- 858D87
- 838683
تناسق الألوان
متمم +180°
- 99C2A1
Limestoned
- CEA8C9
≈ Catmint
متجاور -30° +30°
- 99C2A1
Limestoned
- B0BD8F
≈ Chervil Leaves
- 88C4B8
≈ Little Blue Box
ثلاثي +120° +240°
- 99C2A1
Limestoned
- A6B4E0
≈ Sassy Violet
- DCA79E
≈ Coral Cove
متمم منقسم +150° +210°
- 99C2A1
Limestoned
- BCADD9
≈ Purple Hibiscus
- D9A5B4
≈ Pink Nectar
رباعي +90° +180° +270°
- 99C2A1
Limestoned
- 91BCDB
≈ Manakin
- CEA8C9
≈ Catmint
- D5AD8D
≈ Key Wester
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.98:1 · APCA Lc 38
Ag
AAAعلى الأسود
WCAG 10.58:1 · APCA Lc 64
أفضل لون للنص: #000000
WCAG 10.58:1 (AAA) · APCA Lc 64
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--limestoned: #99c2a1;
--limestoned-rgb: 153 194 161;
--limestoned-oklch: oklch(0.775 0.064 150.5);
}
.element {
color: var(--limestoned);
background-color: hsl(132 25% 68%);
border-color: oklch(0.775 0.064 150.5);
}Tailwind CSS v4
@theme {
--color-limestoned: #99c2a1;
--color-limestoned-50: #e8fbec;
--color-limestoned-100: #d9eede;
--color-limestoned-200: #c1ddc7;
--color-limestoned-300: #a0c1a8;
--color-limestoned-400: #84aa8b;
--color-limestoned-500: #679370;
--color-limestoned-600: #577c5f;
--color-limestoned-700: #46634c;
--color-limestoned-800: #334936;
--color-limestoned-900: #233225;
--color-limestoned-950: #121e14;
}SCSS
$limestoned: #99c2a1;
$limestoned-rgb: 153, 194, 161;
$limestoned-light: mix(#fff, $limestoned, 20%);
$limestoned-dark: mix(#000, $limestoned, 20%);
.element {
color: $limestoned;
box-shadow: 0 0 0 2px rgba($limestoned, 0.35);
}