Named color · #C3CDB0
Growing Season
Growing Season is #C3CDB0: rgb(195 205 176), hsl(81 22% 75%), oklch(0.833 0.041 122.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Growing Season color name →
#C3CDB0
oklch(0.833 0.041 122.8)
Color conversions
- HEX
- #c3cdb0
- RGB
- rgb(195 205 176)
- HSL
- hsl(81 22% 75%)
- HWB
- hwb(81 69% 20%)
- OKLCH
- oklch(0.833 0.041 122.8)
- OKLab
- oklab(0.833 -0.022 0.034)
- CIE Lab
- lab(81.04 -7.36 13.28)
- LCH
- lch(81.04 15.18 119)
- CMYK
- cmyk(5% 0% 14% 20%)
Tints · Shades · Tones
Tints
- C9D2B8
- CFD7C0
- D5DCC7
- DBE1CF
- E1E6D7
- E7EBDF
- EDF0E7
- F3F5EF
- F9FAF7
Shades
- A9B299
- 909882
- 787E6C
- 606656
- 4A4E42
- 34382E
- 20231C
- 0E0F0B
- 020201
Tones
- BCC5AB
- B5BDA6
- AEB5A1
- A8AD9D
- A1A698
- 9A9E93
- 94968E
- 8D8F8A
- 868785
Color harmonies
Complementary +180°
- C3CDB0
Growing Season
- CDC2DF
≈ Lavender Bliss
Analogous -30° +30°
- C3CDB0
Growing Season
- D1C8AB
≈ Desert Cover
- B5D0BC
≈ Pitcher
Triadic +120° +240°
- C3CDB0
Growing Season
- B2CCE1
≈ Charted
- E0BEC6
≈ Ice Hot Pink
Split-complementary +150° +210°
- C3CDB0
Growing Season
- BFC7E4
≈ Pale Wisteria
- D9BFD4
≈ Lovely Pink
Tetradic +90° +180° +270°
- C3CDB0
Growing Season
- ABD0D8
≈ Aqua Frost
- CDC2DF
≈ Lavender Bliss
- E2BFB7
≈ Muddy Rose
Contrast & accessibility
Ag
FailOn white
WCAG 1.65:1 · APCA Lc 29
Ag
AAAOn black
WCAG 12.67:1 · APCA Lc 74
Best text color: #000000
WCAG 12.67:1 (AAA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--growing-season: #c3cdb0;
--growing-season-rgb: 195 205 176;
--growing-season-oklch: oklch(0.833 0.041 122.8);
}
.element {
color: var(--growing-season);
background-color: hsl(81 22% 75%);
border-color: oklch(0.833 0.041 122.8);
}Tailwind CSS v4
@theme {
--color-growing-season: #c3cdb0;
--color-growing-season-50: #f2f7eb;
--color-growing-season-100: #e5eadc;
--color-growing-season-200: #d0d8c5;
--color-growing-season-300: #b2bba5;
--color-growing-season-400: #9aa388;
--color-growing-season-500: #818b6d;
--color-growing-season-600: #6d765d;
--color-growing-season-700: #575e4a;
--color-growing-season-800: #404535;
--color-growing-season-900: #2c2f24;
--color-growing-season-950: #191c13;
}SCSS
$growing-season: #c3cdb0;
$growing-season-rgb: 195, 205, 176;
$growing-season-light: mix(#fff, $growing-season, 20%);
$growing-season-dark: mix(#000, $growing-season, 20%);
.element {
color: $growing-season;
box-shadow: 0 0 0 2px rgba($growing-season, 0.35);
}