Nazwany kolor · #838252
Candied Lime
Candied Lime to #838252: rgb(131 130 82), hsl(59 23% 42%), oklch(0.596 0.067 107.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Candied Lime color name →
#838252
oklch(0.596 0.067 107.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8F8E63
- 9A9A73
- A6A684
- B3B295
- BFBFA6
- CBCCB8
- D8D8C9
- E5E5DB
- F2F2ED
Odcienie ciemniejsze
- 717046
- 605F3B
- 4F4E2F
- 3F3E25
- 2F2F1A
- 202011
- 121208
- 060602
- 010100
Tony
- 838257
- 82825C
- 828261
- 828166
- 81816A
- 81816F
- 818173
- 808178
- 80807C
Harmonie kolorów
Komplementarna +180°
- 838252
Candied Lime
- 7C79A5
≈ Minuet Lilac
Analogowa -30° +30°
- 838252
Candied Lime
- 967A50
≈ Alluring Umber
- 6C8961
≈ Mixedwood Leaf
Triada +120° +240°
- 838252
Candied Lime
- 51879E
≈ Raging Tide
- 9D6F86
≈ Meadow Flower
Komplementarna rozszczepiona +150° +210°
- 838252
Candied Lime
- 6580A7
≈ Blue Boater
- 90729A
≈ Diffused Orchid
Tetrada +90° +180° +270°
- 838252
Candied Lime
- 4A8B8D
≈ Evora
- 7C79A5
≈ Minuet Lilac
- A36F70
≈ Raw Edge
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.97:1 · APCA Lc 67
Ag
AANa czerni
WCAG 5.27:1 · APCA Lc 35
Najlepszy kolor tekstu: #000000
WCAG 5.27:1 (AA) · APCA Lc 35
Contrast pairs
Fragmenty kodu
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);
}