Named color · #C3D29C
Cricket Field
Cricket Field is #C3D29C: rgb(195 210 156), hsl(77 37% 72%), oklch(0.839 0.074 120.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Cricket Field color name →
#C3D29C
oklch(0.839 0.074 120.6)
Color conversions
- HEX
- #c3d29c
- RGB
- rgb(195 210 156)
- HSL
- hsl(77 37% 72%)
- HWB
- hwb(77 61% 18%)
- OKLCH
- oklch(0.839 0.074 120.6)
- OKLab
- oklab(0.839 -0.038 0.064)
- CIE Lab
- lab(82.03 -12.02 25.08)
- LCH
- lch(82.03 27.82 115.6)
- CMYK
- cmyk(7% 0% 26% 18%)
Tints · Shades · Tones
Tints
- C9D7A6
- CFDBB0
- D5E0BA
- DBE4C4
- E1E9CE
- E7EDD7
- EDF2E1
- F3F6EB
- F9FBF5
Shades
- A9B687
- 909B73
- 78815F
- 60684C
- 4A5039
- 343928
- 202418
- 0E1009
- 020201
Tones
- BCCA99
- B5C197
- AEB994
- A8B192
- A1A88F
- 9AA08C
- 939889
- 8D9086
- 868883
Color harmonies
Complementary +180°
- C3D29C
Cricket Field
- D2C0F4
≈ Connecticut Lilac
Analogous -30° +30°
- C3D29C
Cricket Field
- DCC993
≈ Artichoke Mist
- A8D8B2
≈ Frugal
Triadic +120° +240°
- C3D29C
Cricket Field
- 9FD1F6
≈ Mediterranean Charm
- F4B7C7
≈ Berries N’ Cream
Split-complementary +150° +210°
- C3D29C
Cricket Field
- B8C8FB
≈ Light Periwinkle
- E7B9E1
≈ Pink Drink
Tetradic +90° +180° +270°
- C3D29C
Cricket Field
- 90D8E5
≈ Tanager Turquoise
- D2C0F4
≈ Connecticut Lilac
- F7B9AD
≈ Mixed Fruit
Contrast & accessibility
Ag
FailOn white
WCAG 1.61:1 · APCA Lc 28
Ag
AAAOn black
WCAG 13.01:1 · APCA Lc 75
Best text color: #000000
WCAG 13.01:1 (AAA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--cricket-field: #c3d29c;
--cricket-field-rgb: 195 210 156;
--cricket-field-oklch: oklch(0.839 0.074 120.6);
}
.element {
color: var(--cricket-field);
background-color: hsl(77 37% 72%);
border-color: oklch(0.839 0.074 120.6);
}Tailwind CSS v4
@theme {
--color-cricket-field: #c3d29c;
--color-cricket-field-50: #f1f9e2;
--color-cricket-field-100: #e3ecd1;
--color-cricket-field-200: #cedab7;
--color-cricket-field-300: #b0be94;
--color-cricket-field-400: #98a574;
--color-cricket-field-500: #7f8e55;
--color-cricket-field-600: #6c7848;
--color-cricket-field-700: #56603a;
--color-cricket-field-800: #404628;
--color-cricket-field-900: #2c301b;
--color-cricket-field-950: #191d0b;
}SCSS
$cricket-field: #c3d29c;
$cricket-field-rgb: 195, 210, 156;
$cricket-field-light: mix(#fff, $cricket-field, 20%);
$cricket-field-dark: mix(#000, $cricket-field, 20%);
.element {
color: $cricket-field;
box-shadow: 0 0 0 2px rgba($cricket-field, 0.35);
}