Nächste benannte Farbe · #A6C48B
#A6C48B
Nächste benannte Farbe: Oh Pistachio
#A6C48B (rgb(166 196 139), hsl(92 33% 66%), oklch(0.784 0.084 130.7)) liegt am nächsten an der benannten Farbe Oh Pistachio. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#A6C48B
oklch(0.784 0.084 130.7)
Farbumrechnungen
- HEX
- #a6c48b
- RGB
- rgb(166 196 139)
- HSL
- hsl(92 33% 66%)
- HWB
- hwb(92 55% 23%)
- OKLCH
- oklch(0.784 0.084 130.7)
- OKLab
- oklab(0.784 -0.055 0.064)
- CIE Lab
- lab(75.84 -18.1 25.23)
- LCH
- lch(75.84 31.05 125.7)
- CMYK
- cmyk(15% 0% 29% 23%)
Tints · Shades · Tones
Tints
- AFCA97
- B7D0A2
- C0D6AE
- C9DCB9
- D2E2C5
- DBE7D0
- E4EDDC
- EDF3E8
- F6F9F3
Shades
- 90AA78
- 7A9166
- 657854
- 516143
- 3E4A32
- 2B3523
- 1A2114
- 0A0E07
- 010201
Tones
- A2BD8A
- 9EB689
- 9BAF89
- 97A888
- 93A286
- 8F9B85
- 8B9484
- 888D83
- 848781
Farbharmonien
Komplementär +180°
- A6C48B
Oh Pistachio
- CAAAE1
≈ Tropical Violet
Analog -30° +30°
- A6C48B
Oh Pistachio
- C4BA7B
≈ Frozen Marguerita
- 87CAA7
≈ Park Green Flat
Triadisch +120° +240°
- A6C48B
Oh Pistachio
- 90BDED
≈ Blue Shutters
- E9A2AB
≈ Sprinkled With Pink
Geteilt komplementär +150° +210°
- A6C48B
Oh Pistachio
- AEB3EE
≈ Wondrous Wisteria
- DEA4C9
≈ Chateau Rose
Tetradisch +90° +180° +270°
- A6C48B
Oh Pistachio
- 78C5DE
≈ Hawaiian Breeze
- CAAAE1
≈ Tropical Violet
- E8A78F
≈ Priceless Coral
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.92:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.89:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 10.89:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--oh-pistachio: #a6c48b;
--oh-pistachio-rgb: 166 196 139;
--oh-pistachio-oklch: oklch(0.784 0.084 130.7);
}
.element {
color: var(--oh-pistachio);
background-color: hsl(92 33% 66%);
border-color: oklch(0.784 0.084 130.7);
}Tailwind CSS v4
@theme {
--color-oh-pistachio: #a6c48b;
--color-oh-pistachio-50: #ecfbe2;
--color-oh-pistachio-100: #ddeed2;
--color-oh-pistachio-200: #c7ddb8;
--color-oh-pistachio-300: #a7c195;
--color-oh-pistachio-400: #8da974;
--color-oh-pistachio-500: #739255;
--color-oh-pistachio-600: #617b49;
--color-oh-pistachio-700: #4e633a;
--color-oh-pistachio-800: #394828;
--color-oh-pistachio-900: #27321b;
--color-oh-pistachio-950: #151e0b;
}SCSS
$oh-pistachio: #a6c48b;
$oh-pistachio-rgb: 166, 196, 139;
$oh-pistachio-light: mix(#fff, $oh-pistachio, 20%);
$oh-pistachio-dark: mix(#000, $oh-pistachio, 20%);
.element {
color: $oh-pistachio;
box-shadow: 0 0 0 2px rgba($oh-pistachio, 0.35);
}