Colore con nome · #AFC195
Harmonious
Harmonious è #AFC195: rgb(175 193 149), hsl(85 26% 67%), oklch(0.786 0.063 125.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Harmonious color name →
#AFC195
oklch(0.786 0.063 125.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- B7C79F
- BFCDAA
- C6D3B4
- CEDABF
- D6E0C9
- DEE6D4
- E6ECDF
- EFF2E9
- F7F9F4
Ombre
- 98A781
- 818F6D
- 6B775A
- 565F48
- 414937
- 2E3426
- 1C2016
- 0B0E08
- 010201
Toni
- AABA93
- A5B491
- A1AD8F
- 9CA78D
- 97A08B
- 929A89
- 8E9387
- 898D85
- 858682
Armonie di colore
Complementare +180°
- AFC195
Harmonious
- C3AFDA
≈ Lavender Field Dreamer
Analogo -30° +30°
- AFC195
Harmonious
- C5BA8B
≈ Goody Two Shoes
- 99C6A8
≈ Mini Green
Triadico +120° +240°
- AFC195
Harmonious
- 98BEE0
≈ Vive le Bleu
- DEA9B3
≈ Raspberry Lemonade
Complementare divisa +150° +210°
- AFC195
Harmonious
- AEB6E2
≈ Sassy Violet
- D4AAC9
≈ Queenly
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.92:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.88:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 10.88:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
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);
}