Couleur nommée la plus proche · #7AB66B
#7AB66B
Couleur nommée la plus proche: Soon to Be Hay
#7AB66B (rgb(122 182 107), hsl(108 34% 57%), oklch(0.717 0.122 139.5)) est la plus proche de la couleur nommée Soon to Be Hay. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#7AB66B
oklch(0.717 0.122 139.5)
Conversions de couleur
- HEX
- #7ab66b
- RGB
- rgb(122 182 107)
- HSL
- hsl(108 34% 57%)
- HWB
- hwb(108 42% 29%)
- OKLCH
- oklch(0.717 0.122 139.5)
- OKLab
- oklab(0.717 -0.093 0.079)
- CIE Lab
- lab(68.57 -31.07 31.74)
- LCH
- lch(68.57 44.42 134.4)
- CMYK
- cmyk(33% 0% 41% 29%)
Teintes · Ombres · Tons
Teintes
- 87BD7A
- 95C589
- A2CC98
- AFD3A6
- BCDBB5
- CAE2C4
- D7E9D2
- E4F1E1
- F2F8F0
Ombres
- 699E5C
- 59864E
- 496F3F
- 3A5932
- 2B4425
- 1D3018
- 101D0D
- 050C04
- 010200
Tons
- 7BB16E
- 7CAB71
- 7DA673
- 7EA175
- 7F9B78
- 7F9679
- 7F907B
- 808B7D
- 80857F
Harmonies de couleurs
Complémentaire +180°
- 7AB66B
Soon to Be Hay
- C58AD3
≈ Purception
Analogue -30° +30°
- 7AB66B
Soon to Be Hay
- A9AA47
≈ Delightful Camouflage
- 40BC97
≈ Expressionism Green
Triadique +120° +240°
- 7AB66B
Soon to Be Hay
- 75A4EF
≈ Greek Sea
- E68384
≈ Sugar Poppy
Complémentaire divisée +150° +210°
- 7AB66B
Soon to Be Hay
- A296EB
≈ Dull Lavender
- DC83AF
≈ Middle Purple
Tétradique +90° +180° +270°
- 7AB66B
Soon to Be Hay
- 3EB1E0
≈ Summer Sky
- C58AD3
≈ Purception
- E08B5B
≈ Copper Tan
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.40:1 · APCA Lc 47
Ag
AAASur noir
WCAG 8.73:1 · APCA Lc 55
Meilleure couleur de texte: #000000
WCAG 8.73:1 (AAA) · APCA Lc 55
Contrast pairs
Extraits de code
CSS
:root {
--soon-to-be-hay: #7ab66b;
--soon-to-be-hay-rgb: 122 182 107;
--soon-to-be-hay-oklch: oklch(0.717 0.122 139.5);
}
.element {
color: var(--soon-to-be-hay);
background-color: hsl(108 34% 57%);
border-color: oklch(0.717 0.122 139.5);
}Tailwind CSS v4
@theme {
--color-soon-to-be-hay: #7ab66b;
--color-soon-to-be-hay-50: #e2ffde;
--color-soon-to-be-hay-100: #d2f3cd;
--color-soon-to-be-hay-200: #b8e2b2;
--color-soon-to-be-hay-300: #94c78d;
--color-soon-to-be-hay-400: #77b069;
--color-soon-to-be-hay-500: #589947;
--color-soon-to-be-hay-600: #4b813d;
--color-soon-to-be-hay-700: #3c6830;
--color-soon-to-be-hay-800: #2c4c20;
--color-soon-to-be-hay-900: #1e3515;
--color-soon-to-be-hay-950: #0e2006;
}SCSS
$soon-to-be-hay: #7ab66b;
$soon-to-be-hay-rgb: 122, 182, 107;
$soon-to-be-hay-light: mix(#fff, $soon-to-be-hay, 20%);
$soon-to-be-hay-dark: mix(#000, $soon-to-be-hay, 20%);
.element {
color: $soon-to-be-hay;
box-shadow: 0 0 0 2px rgba($soon-to-be-hay, 0.35);
}