Benannte Farbe · #838252
Candied Lime
Candied Lime ist #838252: rgb(131 130 82), hsl(59 23% 42%), oklch(0.596 0.067 107.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Candied Lime color name →
#838252
oklch(0.596 0.067 107.3)
Farbumrechnungen
- HEX
- #838252
- RGB
- rgb(131 130 82)
- HSL
- hsl(59 23% 42%)
- HWB
- hwb(59 32% 49%)
- OKLCH
- oklch(0.596 0.067 107.3)
- OKLab
- oklab(0.596 -0.02 0.064)
- CIE Lab
- lab(53.56 -5.34 26.15)
- LCH
- lch(53.56 26.69 101.6)
- CMYK
- cmyk(0% 1% 37% 49%)
Tints · Shades · Tones
Tints
- 8F8E63
- 9A9A73
- A6A684
- B3B295
- BFBFA6
- CBCCB8
- D8D8C9
- E5E5DB
- F2F2ED
Shades
- 717046
- 605F3B
- 4F4E2F
- 3F3E25
- 2F2F1A
- 202011
- 121208
- 060602
- 010100
Tones
- 838257
- 82825C
- 828261
- 828166
- 81816A
- 81816F
- 818173
- 808178
- 80807C
Farbharmonien
Komplementär +180°
- 838252
Candied Lime
- 7C79A5
≈ Minuet Lilac
Analog -30° +30°
- 838252
Candied Lime
- 967A50
≈ Alluring Umber
- 6C8961
≈ Mixedwood Leaf
Triadisch +120° +240°
- 838252
Candied Lime
- 51879E
≈ Raging Tide
- 9D6F86
≈ Meadow Flower
Geteilt komplementär +150° +210°
- 838252
Candied Lime
- 6580A7
≈ Blue Boater
- 90729A
≈ Diffused Orchid
Tetradisch +90° +180° +270°
- 838252
Candied Lime
- 4A8B8D
≈ Evora
- 7C79A5
≈ Minuet Lilac
- A36F70
≈ Raw Edge
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.97:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.27:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.27:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--candied-lime: #838252;
--candied-lime-rgb: 131 130 82;
--candied-lime-oklch: oklch(0.596 0.067 107.3);
}
.element {
color: var(--candied-lime);
background-color: hsl(59 23% 42%);
border-color: oklch(0.596 0.067 107.3);
}Tailwind CSS v4
@theme {
--color-candied-lime: #838252;
--color-candied-lime-50: #f6f7e1;
--color-candied-lime-100: #e9ead1;
--color-candied-lime-200: #d6d7b6;
--color-candied-lime-300: #b9bb93;
--color-candied-lime-400: #a2a273;
--color-candied-lime-500: #8b8a54;
--color-candied-lime-600: #757448;
--color-candied-lime-700: #5e5d39;
--color-candied-lime-800: #464428;
--color-candied-lime-900: #302f1b;
--color-candied-lime-950: #1c1b0b;
}SCSS
$candied-lime: #838252;
$candied-lime-rgb: 131, 130, 82;
$candied-lime-light: mix(#fff, $candied-lime, 20%);
$candied-lime-dark: mix(#000, $candied-lime, 20%);
.element {
color: $candied-lime;
box-shadow: 0 0 0 2px rgba($candied-lime, 0.35);
}