Nearest named color · #AFC39C
#AFC39C
Nearest named color: Camping Grounds
#AFC39C (rgb(175 195 156), hsl(91 25% 69%), oklch(0.792 0.058 129.8)) is closest to the named color Camping Grounds. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#AFC39C
oklch(0.792 0.058 129.8)
Color conversions
- HEX
- #afc39c
- RGB
- rgb(175 195 156)
- HSL
- hsl(91 25% 69%)
- HWB
- hwb(91 61% 24%)
- OKLCH
- oklch(0.792 0.058 129.8)
- OKLab
- oklab(0.792 -0.037 0.044)
- CIE Lab
- lab(76.48 -12.33 17.29)
- LCH
- lch(76.48 21.24 125.5)
- CMYK
- cmyk(10% 0% 20% 24%)
Tints · Shades · Tones
Tints
- B7C9A6
- BFCFAF
- C6D5B9
- CEDBC3
- D6E1CD
- DEE7D7
- E6EDE1
- EFF3EB
- F7F9F5
Shades
- 98A987
- 819073
- 6B785F
- 56604C
- 414A39
- 2E3428
- 1C2018
- 0B0E09
- 010201
Tones
- AABC99
- A5B597
- A1AE94
- 9CA891
- 97A18E
- 939A8B
- 8E9489
- 898D86
- 858783
Color harmonies
Complementary +180°
- AFC39C
Camping Grounds
- C6B1D8
≈ Moonraker
Analogous -30° +30°
- AFC39C
Camping Grounds
- C3BC92
≈ Candidate
- 9CC7AE
≈ Mini Green
Triadic +120° +240°
- AFC39C
Camping Grounds
- 9FBFDF
≈ Blair
- DDACB3
≈ Pale Chestnut
Split-complementary +150° +210°
- AFC39C
Camping Grounds
- B3B8E0
≈ Wild Orchid Blue
- D5ADC7
≈ Pink Lavender
Tetradic +90° +180° +270°
- AFC39C
Camping Grounds
- 92C4D5
≈ Blue Glint
- C6B1D8
≈ Moonraker
- DDAFA0
≈ Angel Breath
Contrast & accessibility
Ag
FailOn white
WCAG 1.89:1 · APCA Lc 36
Ag
AAAOn black
WCAG 11.10:1 · APCA Lc 67
Best text color: #000000
WCAG 11.10:1 (AAA) · APCA Lc 67
Contrast pairs
Code snippets
CSS
:root {
--camping-grounds: #afc39c;
--camping-grounds-rgb: 175 195 156;
--camping-grounds-oklch: oklch(0.792 0.058 129.8);
}
.element {
color: var(--camping-grounds);
background-color: hsl(91 25% 69%);
border-color: oklch(0.792 0.058 129.8);
}Tailwind CSS v4
@theme {
--color-camping-grounds: #afc39c;
--color-camping-grounds-50: #eff9e8;
--color-camping-grounds-100: #e1ecd9;
--color-camping-grounds-200: #cbdac1;
--color-camping-grounds-300: #adbea0;
--color-camping-grounds-400: #93a682;
--color-camping-grounds-500: #7a8e65;
--color-camping-grounds-600: #677856;
--color-camping-grounds-700: #526045;
--color-camping-grounds-800: #3d4631;
--color-camping-grounds-900: #2a3121;
--color-camping-grounds-950: #171d10;
}SCSS
$camping-grounds: #afc39c;
$camping-grounds-rgb: 175, 195, 156;
$camping-grounds-light: mix(#fff, $camping-grounds, 20%);
$camping-grounds-dark: mix(#000, $camping-grounds, 20%);
.element {
color: $camping-grounds;
box-shadow: 0 0 0 2px rgba($camping-grounds, 0.35);
}