Named color · #AFC195
Harmonious
Harmonious is #AFC195: rgb(175 193 149), hsl(85 26% 67%), oklch(0.786 0.063 125.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Harmonious color name →
#AFC195
oklch(0.786 0.063 125.9)
Color conversions
- HEX
- #afc195
- RGB
- rgb(175 193 149)
- HSL
- hsl(85 26% 67%)
- HWB
- hwb(85 58% 24%)
- OKLCH
- oklch(0.786 0.063 125.9)
- OKLab
- oklab(0.786 -0.037 0.051)
- CIE Lab
- lab(75.82 -12.2 20.08)
- LCH
- lch(75.82 23.5 121.3)
- CMYK
- cmyk(9% 0% 23% 24%)
Tints · Shades · Tones
Tints
- B7C79F
- BFCDAA
- C6D3B4
- CEDABF
- D6E0C9
- DEE6D4
- E6ECDF
- EFF2E9
- F7F9F4
Shades
- 98A781
- 818F6D
- 6B775A
- 565F48
- 414937
- 2E3426
- 1C2016
- 0B0E08
- 010201
Tones
- AABA93
- A5B491
- A1AD8F
- 9CA78D
- 97A08B
- 929A89
- 8E9387
- 898D85
- 858682
Color harmonies
Complementary +180°
- AFC195
Harmonious
- C3AFDA
≈ Lavender Field Dreamer
Analogous -30° +30°
- AFC195
Harmonious
- C5BA8B
≈ Goody Two Shoes
- 99C6A8
≈ Mini Green
Triadic +120° +240°
- AFC195
Harmonious
- 98BEE0
≈ Vive le Bleu
- DEA9B3
≈ Raspberry Lemonade
Split-complementary +150° +210°
- AFC195
Harmonious
- AEB6E2
≈ Sassy Violet
- D4AAC9
≈ Queenly
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.92:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.88:1 · APCA Lc 66
Best text color: #000000
WCAG 10.88:1 (AAA) · APCA Lc 66
Contrast pairs
Code snippets
CSS
:root {
--harmonious: #afc195;
--harmonious-rgb: 175 193 149;
--harmonious-oklch: oklch(0.786 0.063 125.9);
}
.element {
color: var(--harmonious);
background-color: hsl(85 26% 67%);
border-color: oklch(0.786 0.063 125.9);
}Tailwind CSS v4
@theme {
--color-harmonious: #afc195;
--color-harmonious-50: #f0f9e6;
--color-harmonious-100: #e2ecd6;
--color-harmonious-200: #ccdabd;
--color-harmonious-300: #aebe9c;
--color-harmonious-400: #95a67d;
--color-harmonious-500: #7c8e60;
--color-harmonious-600: #697851;
--color-harmonious-700: #546041;
--color-harmonious-800: #3e462e;
--color-harmonious-900: #2a311f;
--color-harmonious-950: #181d0f;
}SCSS
$harmonious: #afc195;
$harmonious-rgb: 175, 193, 149;
$harmonious-light: mix(#fff, $harmonious, 20%);
$harmonious-dark: mix(#000, $harmonious, 20%);
.element {
color: $harmonious;
box-shadow: 0 0 0 2px rgba($harmonious, 0.35);
}