أقرب لون مسمّى · #BBC27A
#BBC27A
أقرب لون مسمّى: Zoodles
#BBC27A (rgb(187 194 122)، hsl(66 37% 62%)، oklch(0.792 0.094 113.1)) أقرب إلى اللون المسمّى Zoodles. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#BBC27A
oklch(0.792 0.094 113.1)
تحويلات الألوان
- HEX
- #bbc27a
- RGB
- rgb(187 194 122)
- HSL
- hsl(66 37% 62%)
- HWB
- hwb(66 48% 24%)
- OKLCH
- oklch(0.792 0.094 113.1)
- OKLab
- oklab(0.792 -0.037 0.087)
- CIE Lab
- lab(76.62 -10.75 35.36)
- LCH
- lch(76.62 36.96 106.9)
- CMYK
- cmyk(4% 0% 37% 24%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C2C888
- C8CE95
- CFD4A3
- D5DAB0
- DCE1BD
- E3E7CA
- EAEDD7
- F1F3E5
- F8F9F2
درجات داكنة
- A2A869
- 8A8F59
- 737749
- 5C603A
- 46492B
- 32341D
- 1F2010
- 0D0E05
- 020201
درجات رمادية
- B5BB7B
- AFB57D
- A9AE7E
- A3A77F
- 9DA17F
- 979A80
- 919480
- 8B8D80
- 868780
تناسق الألوان
متمم +180°
- BBC27A
Zoodles
- BDB0F3
≈ Purple Sand
متجاور -30° +30°
- BBC27A
Zoodles
- D9B673
≈ Harpswell Green
- 97CB94
≈ Kettle Drum
ثلاثي +120° +240°
- BBC27A
Zoodles
- 7AC6EE
≈ Spritzig
- EBA2C0
≈ Prism Pink
متمم منقسم +150° +210°
- BBC27A
Zoodles
- 9BBBF9
≈ Truesky Gloxym
- D9A7DF
≈ Barely Bloomed
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.89:1 · APCA Lc 36
Ag
AAAعلى الأسود
WCAG 11.11:1 · APCA Lc 67
أفضل لون للنص: #000000
WCAG 11.11:1 (AAA) · APCA Lc 67
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--zoodles: #bbc27a;
--zoodles-rgb: 187 194 122;
--zoodles-oklch: oklch(0.792 0.094 113.1);
}
.element {
color: var(--zoodles);
background-color: hsl(66 37% 62%);
border-color: oklch(0.792 0.094 113.1);
}Tailwind CSS v4
@theme {
--color-zoodles: #bbc27a;
--color-zoodles-50: #f4f9db;
--color-zoodles-100: #e6ecc9;
--color-zoodles-200: #d2daac;
--color-zoodles-300: #b5be86;
--color-zoodles-400: #9ea562;
--color-zoodles-500: #868d3d;
--color-zoodles-600: #727735;
--color-zoodles-700: #5b5f2a;
--color-zoodles-800: #44451c;
--color-zoodles-900: #2f3012;
--color-zoodles-950: #1b1c05;
}SCSS
$zoodles: #bbc27a;
$zoodles-rgb: 187, 194, 122;
$zoodles-light: mix(#fff, $zoodles, 20%);
$zoodles-dark: mix(#000, $zoodles, 20%);
.element {
color: $zoodles;
box-shadow: 0 0 0 2px rgba($zoodles, 0.35);
}