Nazwany kolor · #C6C191
Lime Peel
Lime Peel to #C6C191: rgb(198 193 145), hsl(54 32% 67%), oklch(0.803 0.064 102.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Lime Peel color name →
#C6C191
oklch(0.803 0.064 102.7)
Konwersje koloru
- HEX
- #c6c191
- RGB
- rgb(198 193 145)
- HSL
- hsl(54 32% 67%)
- HWB
- hwb(54 57% 22%)
- OKLCH
- oklch(0.803 0.064 102.7)
- OKLab
- oklab(0.803 -0.014 0.063)
- CIE Lab
- lab(77.59 -3.81 24.94)
- LCH
- lch(77.59 25.23 98.7)
- CMYK
- cmyk(0% 3% 27% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CCC79C
- D1CDA7
- D7D3B2
- DCDABD
- E2E0C8
- E8E6D3
- EEECDE
- F3F2E9
- F9F9F4
Odcienie ciemniejsze
- ACA77D
- 928F6A
- 7A7758
- 625F46
- 4B4935
- 353425
- 212015
- 0E0E07
- 020201
Tony
- BFBA90
- B8B48E
- B0AD8D
- A9A78B
- A2A089
- 9B9A88
- 949386
- 8D8D84
- 878682
Harmonie kolorów
Komplementarna +180°
- C6C191
Lime Peel
- B8BAE8
≈ Pretty Posie
Analogowa -30° +30°
- C6C191
Lime Peel
- D9B991
≈ Splash of Honey
- AFC89E
≈ Sheer Green
Triada +120° +240°
- C6C191
Lime Peel
- 91C9DD
≈ Baby Motive
- DDAFCA
≈ Pink Lavender
Komplementarna rozszczepiona +150° +210°
- C6C191
Lime Peel
- A2C2E8
≈ Sky High
- CDB3DD
≈ Sea Lavender
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.83:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.43:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.43:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
CSS
:root {
--lime-peel: #c6c191;
--lime-peel-rgb: 198 193 145;
--lime-peel-oklch: oklch(0.803 0.064 102.7);
}
.element {
color: var(--lime-peel);
background-color: hsl(54 32% 67%);
border-color: oklch(0.803 0.064 102.7);
}Tailwind CSS v4
@theme {
--color-lime-peel: #c6c191;
--color-lime-peel-50: #f8f7e2;
--color-lime-peel-100: #ebe9d1;
--color-lime-peel-200: #d8d6b7;
--color-lime-peel-300: #bcba94;
--color-lime-peel-400: #a5a074;
--color-lime-peel-500: #8e8855;
--color-lime-peel-600: #787349;
--color-lime-peel-700: #605c3a;
--color-lime-peel-800: #474329;
--color-lime-peel-900: #312e1b;
--color-lime-peel-950: #1d1b0c;
}SCSS
$lime-peel: #c6c191;
$lime-peel-rgb: 198, 193, 145;
$lime-peel-light: mix(#fff, $lime-peel, 20%);
$lime-peel-dark: mix(#000, $lime-peel, 20%);
.element {
color: $lime-peel;
box-shadow: 0 0 0 2px rgba($lime-peel, 0.35);
}