لون مسمّى · #BCC09E
Animal Kingdom
Animal Kingdom هو #BCC09E: rgb(188 192 158)، hsl(67 21% 69%)، oklch(0.796 0.047 112.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Animal Kingdom color name →
#BCC09E
oklch(0.796 0.047 112.9)
تحويلات الألوان
- HEX
- #bcc09e
- RGB
- rgb(188 192 158)
- HSL
- hsl(67 21% 69%)
- HWB
- hwb(67 62% 25%)
- OKLCH
- oklch(0.796 0.047 112.9)
- OKLab
- oklab(0.796 -0.018 0.043)
- CIE Lab
- lab(76.71 -5.78 16.73)
- LCH
- lch(76.71 17.7 109.1)
- CMYK
- cmyk(2% 0% 18% 25%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C2C6A8
- C9CCB1
- D0D3BB
- D6D9C4
- DDDFCE
- E4E6D8
- EAECE1
- F1F2EB
- F8F9F5
درجات داكنة
- A3A789
- 8B8E74
- 737660
- 5D5F4D
- 47493A
- 323429
- 1F2018
- 0D0E09
- 020201
درجات رمادية
- B6B99B
- B0B398
- AAAC95
- A3A692
- 9D9F8F
- 97998C
- 929389
- 8C8C86
- 868683
تناسق الألوان
متمم +180°
- BCC09E
Animal Kingdom
- BDB7D8
≈ Playful Purple
متجاور -30° +30°
- BCC09E
Animal Kingdom
- CBBA9B
≈ Crewel Tan
- ACC5A9
≈ Belladonna’s Leaf
ثلاثي +120° +240°
- BCC09E
Animal Kingdom
- 9FC2D6
≈ Angel Sol
- D5B1BF
≈ Kindness
متمم منقسم +150° +210°
- BCC09E
Animal Kingdom
- ADBDDB
≈ Pigeon Post
- CBB3CE
≈ Elfin Herb
رباعي +90° +180° +270°
- BCC09E
Animal Kingdom
- 9AC6CA
≈ Continental Waters
- BDB7D8
≈ Playful Purple
- D9B1AE
≈ Mary Rose
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.87:1 · APCA Lc 36
Ag
AAAعلى الأسود
WCAG 11.17:1 · APCA Lc 67
أفضل لون للنص: #000000
WCAG 11.17:1 (AAA) · APCA Lc 67
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--animal-kingdom: #bcc09e;
--animal-kingdom-rgb: 188 192 158;
--animal-kingdom-oklch: oklch(0.796 0.047 112.9);
}
.element {
color: var(--animal-kingdom);
background-color: hsl(67 21% 69%);
border-color: oklch(0.796 0.047 112.9);
}Tailwind CSS v4
@theme {
--color-animal-kingdom: #bcc09e;
--color-animal-kingdom-50: #f4f7e8;
--color-animal-kingdom-100: #e7ead9;
--color-animal-kingdom-200: #d3d7c1;
--color-animal-kingdom-300: #b6bba0;
--color-animal-kingdom-400: #9ea282;
--color-animal-kingdom-500: #868a66;
--color-animal-kingdom-600: #717557;
--color-animal-kingdom-700: #5b5d45;
--color-animal-kingdom-800: #434431;
--color-animal-kingdom-900: #2e2f22;
--color-animal-kingdom-950: #1b1c11;
}SCSS
$animal-kingdom: #bcc09e;
$animal-kingdom-rgb: 188, 192, 158;
$animal-kingdom-light: mix(#fff, $animal-kingdom, 20%);
$animal-kingdom-dark: mix(#000, $animal-kingdom, 20%);
.element {
color: $animal-kingdom;
box-shadow: 0 0 0 2px rgba($animal-kingdom, 0.35);
}