لون مسمّى · #E1BF03
Lilikoi
Lilikoi هو #E1BF03: rgb(225 191 3)، hsl(51 97% 45%)، oklch(0.81 0.166 96). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Lilikoi color name →
#E1BF03
oklch(0.81 0.166 96)
تحويلات الألوان
- HEX
- #e1bf03
- RGB
- rgb(225 191 3)
- HSL
- hsl(51 97% 45%)
- HWB
- hwb(51 1% 12%)
- OKLCH
- oklch(0.81 0.166 96)
- OKLab
- oklab(0.81 -0.017 0.165)
- CIE Lab
- lab(78.52 1.91 78.71)
- LCH
- lch(78.52 78.73 88.6)
- CMYK
- cmyk(0% 15% 99% 12%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E4C640
- E7CD5E
- EAD376
- EDDA8C
- F0E0A0
- F3E7B4
- F6EDC7
- F9F3DA
- FCF9ED
درجات داكنة
- C4A602
- A78D02
- 8B7501
- 705E01
- 564800
- 3E3300
- 271F00
- 120D00
- 020200
درجات رمادية
- D7B92F
- CDB342
- C3AD4F
- B9A65A
- AFA063
- A59A6A
- 9C9371
- 928D76
- 89877B
تناسق الألوان
متمم +180°
- E1BF03
Lilikoi
- B0BCFF
≈ Greyish Lavender
متجاور -30° +30°
- E1BF03
Lilikoi
- FFAC50
≈ Alajuela Toad
- A6D350
≈ Burst of Lime
ثلاثي +120° +240°
- E1BF03
Lilikoi
- 00D7FC
≈ Neon Blue
- FF97E7
≈ Pink Elephants
متمم منقسم +150° +210°
- E1BF03
Lilikoi
- 89C8FF
≈ Chromis Damsel Blue
- D4ACFF
≈ Teasel Dipsacus
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.80:1 · APCA Lc 33
Ag
AAAعلى الأسود
WCAG 11.65:1 · APCA Lc 69
أفضل لون للنص: #000000
WCAG 11.65:1 (AAA) · APCA Lc 69
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--lilikoi: #e1bf03;
--lilikoi-rgb: 225 191 3;
--lilikoi-oklch: oklch(0.81 0.166 96);
}
.element {
color: var(--lilikoi);
background-color: hsl(51 97% 45%);
border-color: oklch(0.81 0.166 96);
}Tailwind CSS v4
@theme {
--color-lilikoi: #e1bf03;
--color-lilikoi-50: #fff6c0;
--color-lilikoi-100: #f6e9a9;
--color-lilikoi-200: #e7d580;
--color-lilikoi-300: #ceb847;
--color-lilikoi-400: #bc9c00;
--color-lilikoi-500: #a88200;
--color-lilikoi-600: #8d6e00;
--color-lilikoi-700: #715800;
--color-lilikoi-800: #553f00;
--color-lilikoi-900: #3c2c00;
--color-lilikoi-950: #251900;
}SCSS
$lilikoi: #e1bf03;
$lilikoi-rgb: 225, 191, 3;
$lilikoi-light: mix(#fff, $lilikoi, 20%);
$lilikoi-dark: mix(#000, $lilikoi, 20%);
.element {
color: $lilikoi;
box-shadow: 0 0 0 2px rgba($lilikoi, 0.35);
}