لون مسمّى · #BBCC5A
Hidden Meadow
Hidden Meadow هو #BBCC5A: rgb(187 204 90)، hsl(69 53% 58%)، oklch(0.809 0.14 116.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Hidden Meadow color name →
#BBCC5A
oklch(0.809 0.14 116.7)
تحويلات الألوان
- HEX
- #bbcc5a
- RGB
- rgb(187 204 90)
- HSL
- hsl(69 53% 58%)
- HWB
- hwb(69 35% 20%)
- OKLCH
- oklch(0.809 0.14 116.7)
- OKLab
- oklab(0.809 -0.063 0.125)
- CIE Lab
- lab(79.02 -17.79 53.49)
- LCH
- lch(79.02 56.37 108.4)
- CMYK
- cmyk(8% 0% 56% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C1D16E
- C8D780
- CFDC91
- D5E1A1
- DCE6B1
- E3EBC1
- EAF0D1
- F1F5E0
- F8FAF0
درجات داكنة
- A2B14D
- 8A9741
- 737E35
- 5C6529
- 464E1E
- 323713
- 1F2209
- 0D0F03
- 020200
درجات رمادية
- B5C461
- AFBD66
- A9B56B
- A3AD70
- 9DA673
- 979E77
- 91977A
- 8B8F7C
- 86887E
تناسق الألوان
متمم +180°
- BBCC5A
Hidden Meadow
- C7B2FF
≈ Teasel Dipsacus
متجاور -30° +30°
- BBCC5A
Hidden Meadow
- E8BA45
≈ Capital Yellow
- 80D98A
≈ Enchanted Emerald
ثلاثي +120° +240°
- BBCC5A
Hidden Meadow
- 76CCFF
≈ Bubbly Barracuda
- FF9FC2
≈ Saira Red
متمم منقسم +150° +210°
- BBCC5A
Hidden Meadow
- A5BFFF
≈ Pastel Blue
- F09FF0
≈ VIC 20 Pink
رباعي +90° +180° +270°
- BBCC5A
Hidden Meadow
- 00D9ED
≈ Thousand Sons Blue
- C7B2FF
≈ Teasel Dipsacus
- FFA59B
≈ Corally
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.76:1 · APCA Lc 32
Ag
AAAعلى الأسود
WCAG 11.89:1 · APCA Lc 70
أفضل لون للنص: #000000
WCAG 11.89:1 (AAA) · APCA Lc 70
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--hidden-meadow: #bbcc5a;
--hidden-meadow-rgb: 187 204 90;
--hidden-meadow-oklch: oklch(0.809 0.14 116.7);
}
.element {
color: var(--hidden-meadow);
background-color: hsl(69 53% 58%);
border-color: oklch(0.809 0.14 116.7);
}Tailwind CSS v4
@theme {
--color-hidden-meadow: #bbcc5a;
--color-hidden-meadow-50: #f0fcce;
--color-hidden-meadow-100: #e3efba;
--color-hidden-meadow-200: #cedd98;
--color-hidden-meadow-300: #b0c26c;
--color-hidden-meadow-400: #99a93c;
--color-hidden-meadow-500: #819100;
--color-hidden-meadow-600: #6d7a00;
--color-hidden-meadow-700: #576200;
--color-hidden-meadow-800: #424700;
--color-hidden-meadow-900: #2d3100;
--color-hidden-meadow-950: #1a1d00;
}SCSS
$hidden-meadow: #bbcc5a;
$hidden-meadow-rgb: 187, 204, 90;
$hidden-meadow-light: mix(#fff, $hidden-meadow, 20%);
$hidden-meadow-dark: mix(#000, $hidden-meadow, 20%);
.element {
color: $hidden-meadow;
box-shadow: 0 0 0 2px rgba($hidden-meadow, 0.35);
}