Couleur nommée la plus proche · #A6C48B
#A6C48B
Couleur nommée la plus proche: Oh Pistachio
#A6C48B (rgb(166 196 139), hsl(92 33% 66%), oklch(0.784 0.084 130.7)) est la plus proche de la couleur nommée Oh Pistachio. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A6C48B
oklch(0.784 0.084 130.7)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- AFCA97
- B7D0A2
- C0D6AE
- C9DCB9
- D2E2C5
- DBE7D0
- E4EDDC
- EDF3E8
- F6F9F3
Ombres
- 90AA78
- 7A9166
- 657854
- 516143
- 3E4A32
- 2B3523
- 1A2114
- 0A0E07
- 010201
Tons
- A2BD8A
- 9EB689
- 9BAF89
- 97A888
- 93A286
- 8F9B85
- 8B9484
- 888D83
- 848781
Harmonies de couleurs
Complémentaire +180°
- A6C48B
Oh Pistachio
- CAAAE1
≈ Tropical Violet
Analogue -30° +30°
- A6C48B
Oh Pistachio
- C4BA7B
≈ Frozen Marguerita
- 87CAA7
≈ Park Green Flat
Triadique +120° +240°
- A6C48B
Oh Pistachio
- 90BDED
≈ Blue Shutters
- E9A2AB
≈ Sprinkled With Pink
Complémentaire divisée +150° +210°
- A6C48B
Oh Pistachio
- AEB3EE
≈ Wondrous Wisteria
- DEA4C9
≈ Chateau Rose
Tétradique +90° +180° +270°
- A6C48B
Oh Pistachio
- 78C5DE
≈ Hawaiian Breeze
- CAAAE1
≈ Tropical Violet
- E8A78F
≈ Priceless Coral
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.92:1 · APCA Lc 37
Ag
AAASur noir
WCAG 10.89:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 10.89:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
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);
}