Adlandırılmış renk · #CBBA61
Lemon Lime Mojito
Lemon Lime Mojito, #CBBA61: rgb(203 186 97), hsl(50 50% 59%), oklch(0.785 0.112 98.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Lemon Lime Mojito color name →
#CBBA61
oklch(0.785 0.112 98.7)
Renk dönüşümleri
- HEX
- #cbba61
- RGB
- rgb(203 186 97)
- HSL
- hsl(50 50% 59%)
- HWB
- hwb(50 38% 20%)
- OKLCH
- oklch(0.785 0.112 98.7)
- OKLab
- oklab(0.785 -0.017 0.111)
- CIE Lab
- lab(75.58 -2.21 46.83)
- LCH
- lch(75.58 46.88 92.7)
- CMYK
- cmyk(0% 8% 52% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D0C173
- D5C883
- DACF93
- DFD6A3
- E5DDB3
- EAE4C2
- EFEBD1
- F4F1E1
- FAF8F0
Koyu tonlar
- B0A153
- 968946
- 7D7239
- 655C2D
- 4D4621
- 373215
- 221E0B
- 0F0D03
- 020200
Gri tonlar
- C3B466
- BBAE6B
- B4A96E
- ACA372
- A59D75
- 9D9778
- 96917A
- 8E8C7C
- 87867E
Renk uyumları
Tamamlayıcı +180°
- CBBA61
Lemon Lime Mojito
- A9B2FF
≈ Winterspring Lilac
Analog -30° +30°
- CBBA61
Lemon Lime Mojito
- E8AB66
≈ Summer Day
- A3C778
≈ Fiddle-Leaf Fig
Üçlü +120° +240°
- CBBA61
Lemon Lime Mojito
- 57CAE9
≈ Candid Blue
- E89DD1
≈ Blossoms in Spring
Bölünmüş tamamlayıcı +150° +210°
- CBBA61
Lemon Lime Mojito
- 7EBFFE
≈ Cooler Than Ever
- CEA5F0
≈ Bright Ube
Dörtlü +90° +180° +270°
- CBBA61
Lemon Lime Mojito
- 51D0C7
≈ Medium Turquoise
- A9B2FF
≈ Winterspring Lilac
- F79AAA
≈ Flower Girl
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 {
--lemon-lime-mojito: #cbba61;
--lemon-lime-mojito-rgb: 203 186 97;
--lemon-lime-mojito-oklch: oklch(0.785 0.112 98.7);
}
.element {
color: var(--lemon-lime-mojito);
background-color: hsl(50 50% 59%);
border-color: oklch(0.785 0.112 98.7);
}Tailwind CSS v4
@theme {
--color-lemon-lime-mojito: #cbba61;
--color-lemon-lime-mojito-50: #fcf7d2;
--color-lemon-lime-mojito-100: #f0eabf;
--color-lemon-lime-mojito-200: #ded69f;
--color-lemon-lime-mojito-300: #c4b975;
--color-lemon-lime-mojito-400: #af9f4c;
--color-lemon-lime-mojito-500: #998614;
--color-lemon-lime-mojito-600: #827216;
--color-lemon-lime-mojito-700: #685b12;
--color-lemon-lime-mojito-800: #4e4209;
--color-lemon-lime-mojito-900: #362e06;
--color-lemon-lime-mojito-950: #211a00;
}SCSS
$lemon-lime-mojito: #cbba61;
$lemon-lime-mojito-rgb: 203, 186, 97;
$lemon-lime-mojito-light: mix(#fff, $lemon-lime-mojito, 20%);
$lemon-lime-mojito-dark: mix(#000, $lemon-lime-mojito, 20%);
.element {
color: $lemon-lime-mojito;
box-shadow: 0 0 0 2px rgba($lemon-lime-mojito, 0.35);
}