Nazwany kolor · #AFC195
Harmonious
Harmonious to #AFC195: rgb(175 193 149), hsl(85 26% 67%), oklch(0.786 0.063 125.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Harmonious color name →
#AFC195
oklch(0.786 0.063 125.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B7C79F
- BFCDAA
- C6D3B4
- CEDABF
- D6E0C9
- DEE6D4
- E6ECDF
- EFF2E9
- F7F9F4
Odcienie ciemniejsze
- 98A781
- 818F6D
- 6B775A
- 565F48
- 414937
- 2E3426
- 1C2016
- 0B0E08
- 010201
Tony
- AABA93
- A5B491
- A1AD8F
- 9CA78D
- 97A08B
- 929A89
- 8E9387
- 898D85
- 858682
Harmonie kolorów
Komplementarna +180°
- AFC195
Harmonious
- C3AFDA
≈ Lavender Field Dreamer
Analogowa -30° +30°
- AFC195
Harmonious
- C5BA8B
≈ Goody Two Shoes
- 99C6A8
≈ Mini Green
Triada +120° +240°
- AFC195
Harmonious
- 98BEE0
≈ Vive le Bleu
- DEA9B3
≈ Raspberry Lemonade
Komplementarna rozszczepiona +150° +210°
- AFC195
Harmonious
- AEB6E2
≈ Sassy Violet
- D4AAC9
≈ Queenly
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.92:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.88:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.88:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
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);
}