Adlandırılmış renk · #B0C175
Lavish Lime
Lavish Lime, #B0C175: rgb(176 193 117), hsl(73 38% 61%), oklch(0.78 0.102 119.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Lavish Lime color name →
#B0C175
oklch(0.78 0.102 119.1)
Renk dönüşümleri
- HEX
- #b0c175
- RGB
- rgb(176 193 117)
- HSL
- hsl(73 38% 61%)
- HWB
- hwb(73 46% 24%)
- OKLCH
- oklch(0.78 0.102 119.1)
- OKLab
- oklab(0.78 -0.049 0.089)
- CIE Lab
- lab(75.43 -15.04 36.17)
- LCH
- lch(75.43 39.17 112.6)
- CMYK
- cmyk(9% 0% 39% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B8C783
- BFCD91
- C7D49F
- CFDAAD
- D7E0BB
- DFE6C8
- E7EDD6
- EFF3E4
- F7F9F1
Koyu tonlar
- 99A765
- 828F55
- 6C7746
- 565F37
- 424929
- 2E341C
- 1C200F
- 0B0E05
- 010201
Gri tonlar
- ABBA77
- A6B479
- A1AD7A
- 9CA77C
- 97A07D
- 939A7E
- 8E937F
- 898D7F
- 858680
Renk uyumları
Tamamlayıcı +180°
- B0C175
Lavish Lime
- C0A9F0
≈ Purple Sand
Analog -30° +30°
- B0C175
Lavish Lime
- D2B468
≈ Trumpet
- 88CA94
≈ Good Luck Charm
Üçlü +120° +240°
- B0C175
Lavish Lime
- 77C1F2
≈ Maya Blue
- ED9CB6
≈ Carnal Pink
Bölünmüş tamamlayıcı +150° +210°
- B0C175
Lavish Lime
- 9DB5F9
≈ Wondrous Wisteria
- DCA0D7
≈ Damson Plum
Dörtlü +90° +180° +270°
- B0C175
Lavish Lime
- 5DC9DA
≈ Watercourse
- C0A9F0
≈ Purple Sand
- F29E92
≈ Blush
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.95:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.73:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.73:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--lavish-lime: #b0c175;
--lavish-lime-rgb: 176 193 117;
--lavish-lime-oklch: oklch(0.78 0.102 119.1);
}
.element {
color: var(--lavish-lime);
background-color: hsl(73 38% 61%);
border-color: oklch(0.78 0.102 119.1);
}Tailwind CSS v4
@theme {
--color-lavish-lime: #b0c175;
--color-lavish-lime-50: #f0fada;
--color-lavish-lime-100: #e2eec8;
--color-lavish-lime-200: #cddcab;
--color-lavish-lime-300: #afc085;
--color-lavish-lime-400: #98a760;
--color-lavish-lime-500: #7f8f3b;
--color-lavish-lime-600: #6b7933;
--color-lavish-lime-700: #566129;
--color-lavish-lime-800: #40471a;
--color-lavish-lime-900: #2c3111;
--color-lavish-lime-950: #191d04;
}SCSS
$lavish-lime: #b0c175;
$lavish-lime-rgb: 176, 193, 117;
$lavish-lime-light: mix(#fff, $lavish-lime, 20%);
$lavish-lime-dark: mix(#000, $lavish-lime, 20%);
.element {
color: $lavish-lime;
box-shadow: 0 0 0 2px rgba($lavish-lime, 0.35);
}