Benannte Farbe · #C6CD7D
Lime Sorbet Green
Lime Sorbet Green ist #C6CD7D: rgb(198 205 125), hsl(65 44% 65%), oklch(0.825 0.103 112.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Lime Sorbet Green color name →
#C6CD7D
oklch(0.825 0.103 112.7)
Farbumrechnungen
- HEX
- #c6cd7d
- RGB
- rgb(198 205 125)
- HSL
- hsl(65 44% 65%)
- HWB
- hwb(65 49% 20%)
- OKLCH
- oklch(0.825 0.103 112.7)
- OKLab
- oklab(0.825 -0.04 0.095)
- CIE Lab
- lab(80.5 -11.41 38.92)
- LCH
- lch(80.5 40.56 106.3)
- CMYK
- cmyk(3% 0% 39% 20%)
Tints · Shades · Tones
Tints
- CBD28B
- D1D798
- D7DCA5
- DCE1B2
- E2E6BF
- E8EBCC
- EDF0D9
- F3F5E6
- F9FAF2
Shades
- ACB26C
- 92985B
- 7A7E4B
- 62663B
- 4B4E2C
- 35381E
- 212311
- 0E0F05
- 020201
Tones
- BFC57E
- B7BD7F
- B0B680
- A9AE81
- A2A681
- 9B9E81
- 949781
- 8D8F81
- 878881
Farbharmonien
Komplementär +180°
- C6CD7D
Lime Sorbet Green
- C7BAFF
≈ Lavender Tonic
Analog -30° +30°
- C6CD7D
Lime Sorbet Green
- E6C075
≈ Celebration
- 9ED79A
≈ Green Trance
Triadisch +120° +240°
- C6CD7D
Lime Sorbet Green
- 7DD1FE
≈ Drift on the Sea
- FAAACC
≈ Majin Bū Pink
Geteilt komplementär +150° +210°
- C6CD7D
Lime Sorbet Green
- A8C6FF
≈ Night Snow
- E6AFED
≈ Candy Dreams
Tetradisch +90° +180° +270°
- C6CD7D
Lime Sorbet Green
- 69DAE3
≈ Aquamarine Blue
- C7BAFF
≈ Lavender Tonic
- FFADA8
≈ Patient Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.68:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.42:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.42:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--lime-sorbet-green: #c6cd7d;
--lime-sorbet-green-rgb: 198 205 125;
--lime-sorbet-green-oklch: oklch(0.825 0.103 112.7);
}
.element {
color: var(--lime-sorbet-green);
background-color: hsl(65 44% 65%);
border-color: oklch(0.825 0.103 112.7);
}Tailwind CSS v4
@theme {
--color-lime-sorbet-green: #c6cd7d;
--color-lime-sorbet-green-50: #f4f9d8;
--color-lime-sorbet-green-100: #e6edc6;
--color-lime-sorbet-green-200: #d2daa8;
--color-lime-sorbet-green-300: #b6be80;
--color-lime-sorbet-green-400: #9fa55b;
--color-lime-sorbet-green-500: #878d32;
--color-lime-sorbet-green-600: #72772c;
--color-lime-sorbet-green-700: #5b5f23;
--color-lime-sorbet-green-800: #444516;
--color-lime-sorbet-green-900: #2f300e;
--color-lime-sorbet-green-950: #1c1c02;
}SCSS
$lime-sorbet-green: #c6cd7d;
$lime-sorbet-green-rgb: 198, 205, 125;
$lime-sorbet-green-light: mix(#fff, $lime-sorbet-green, 20%);
$lime-sorbet-green-dark: mix(#000, $lime-sorbet-green, 20%);
.element {
color: $lime-sorbet-green;
box-shadow: 0 0 0 2px rgba($lime-sorbet-green, 0.35);
}