لون مسمّى · #ABCA99
Oh Pistachio
Oh Pistachio هو #ABCA99: rgb(171 202 153)، hsl(98 32% 70%)، oklch(0.803 0.075 134.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Oh Pistachio color name →
#ABCA99
oklch(0.803 0.075 134.2)
تحويلات الألوان
- HEX
- #abca99
- RGB
- rgb(171 202 153)
- HSL
- hsl(98 32% 70%)
- HWB
- hwb(98 60% 21%)
- OKLCH
- oklch(0.803 0.075 134.2)
- OKLab
- oklab(0.803 -0.052 0.054)
- CIE Lab
- lab(78.07 -17.47 20.97)
- LCH
- lch(78.07 27.29 129.8)
- CMYK
- cmyk(15% 0% 24% 21%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B3CFA3
- BBD5AD
- C4DAB7
- CCDFC1
- D5E5CC
- DDEAD6
- E5EFE0
- EEF4EA
- F6FAF5
درجات داكنة
- 94AF84
- 7E9570
- 687C5D
- 54644A
- 404D38
- 2D3727
- 1B2217
- 0B0F08
- 010201
درجات رمادية
- A7C297
- A2BB94
- 9EB392
- 9AAC8F
- 95A48D
- 919D8B
- 8D9688
- 898E85
- 848783
تناسق الألوان
متمم +180°
- ABCA99
Oh Pistachio
- D1B1E1
≈ Whisper of Plum
متجاور -30° +30°
- ABCA99
Oh Pistachio
- C6C289
≈ Fiddlehead Fern
- 91CFB2
≈ Vile Green
ثلاثي +120° +240°
- ABCA99
Oh Pistachio
- 9EC2EF
≈ Sail to the Sea
- EBABB0
≈ Hibiscus Petal
متمم منقسم +150° +210°
- ABCA99
Oh Pistachio
- B8B9EE
≈ Purple Illusion
- E3ACCB
≈ Pink Bliss
رباعي +90° +180° +270°
- ABCA99
Oh Pistachio
- 89CAE3
≈ Gossamer Threads
- D1B1E1
≈ Whisper of Plum
- E9B098
≈ Sweet Marmalade
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.80:1 · APCA Lc 34
Ag
AAAعلى الأسود
WCAG 11.63:1 · APCA Lc 69
أفضل لون للنص: #000000
WCAG 11.63:1 (AAA) · APCA Lc 69
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--oh-pistachio: #abca99;
--oh-pistachio-rgb: 171 202 153;
--oh-pistachio-oklch: oklch(0.803 0.075 134.2);
}
.element {
color: var(--oh-pistachio);
background-color: hsl(98 32% 70%);
border-color: oklch(0.803 0.075 134.2);
}Tailwind CSS v4
@theme {
--color-oh-pistachio: #abca99;
--color-oh-pistachio-50: #ecfbe5;
--color-oh-pistachio-100: #ddeed6;
--color-oh-pistachio-200: #c6dcbd;
--color-oh-pistachio-300: #a6c19b;
--color-oh-pistachio-400: #8ca97c;
--color-oh-pistachio-500: #71915e;
--color-oh-pistachio-600: #607b50;
--color-oh-pistachio-700: #4d6240;
--color-oh-pistachio-800: #39482d;
--color-oh-pistachio-900: #27321e;
--color-oh-pistachio-950: #151e0e;
}SCSS
$oh-pistachio: #abca99;
$oh-pistachio-rgb: 171, 202, 153;
$oh-pistachio-light: mix(#fff, $oh-pistachio, 20%);
$oh-pistachio-dark: mix(#000, $oh-pistachio, 20%);
.element {
color: $oh-pistachio;
box-shadow: 0 0 0 2px rgba($oh-pistachio, 0.35);
}