Couleur nommée la plus proche · #A3BB91
#A3BB91
Couleur nommée la plus proche: Norway
#A3BB91 (rgb(163 187 145), hsl(94 24% 65%), oklch(0.763 0.064 132)) est la plus proche de la couleur nommée Norway. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A3BB91
oklch(0.763 0.064 132)
Conversions de couleur
- HEX
- #a3bb91
- RGB
- rgb(163 187 145)
- HSL
- hsl(94 24% 65%)
- HWB
- hwb(94 57% 27%)
- OKLCH
- oklch(0.763 0.064 132)
- OKLab
- oklab(0.763 -0.043 0.047)
- CIE Lab
- lab(73.21 -14.27 18.5)
- LCH
- lch(73.21 23.36 127.6)
- CMYK
- cmyk(13% 0% 22% 27%)
Teintes · Ombres · Tons
Teintes
- ACC29C
- B5C8A7
- BECFB1
- C7D6BC
- D0DDC7
- D9E4D2
- E3EADD
- ECF1E9
- F6F8F4
Ombres
- 8DA27D
- 788A6A
- 637358
- 4F5C46
- 3C4635
- 2A3225
- 191F15
- 0A0D07
- 010201
Tons
- 9FB58F
- 9CAF8E
- 98A98C
- 95A38B
- 919D89
- 8E9787
- 8A9185
- 878C84
- 838682
Harmonies de couleurs
Complémentaire +180°
- A3BB91
Norway
- C0A7D0
≈ Feminine Fancy
Analogue -30° +30°
- A3BB91
Norway
- BAB485
≈ Ryegrass
- 8DBFA6
≈ Spearmint Frosting
Triadique +120° +240°
- A3BB91
Norway
- 95B5DA
≈ Echo Isles Water
- D7A2A7
≈ Rosetti Pink
Complémentaire divisée +150° +210°
- A3BB91
Norway
- ABAEDA
≈ High Style
- CFA2BD
≈ Enhance
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.08:1 · APCA Lc 41
Ag
AAASur noir
WCAG 10.07:1 · APCA Lc 62
Meilleure couleur de texte: #000000
WCAG 10.07:1 (AAA) · APCA Lc 62
Contrast pairs
Extraits de code
CSS
:root {
--norway: #a3bb91;
--norway-rgb: 163 187 145;
--norway-oklch: oklch(0.763 0.064 132);
}
.element {
color: var(--norway);
background-color: hsl(94 24% 65%);
border-color: oklch(0.763 0.064 132);
}Tailwind CSS v4
@theme {
--color-norway: #a3bb91;
--color-norway-50: #eefae7;
--color-norway-100: #dfedd8;
--color-norway-200: #c9dbbf;
--color-norway-300: #aabf9e;
--color-norway-400: #91a780;
--color-norway-500: #768f63;
--color-norway-600: #647954;
--color-norway-700: #506143;
--color-norway-800: #3b472f;
--color-norway-900: #283120;
--color-norway-950: #161d10;
}SCSS
$norway: #a3bb91;
$norway-rgb: 163, 187, 145;
$norway-light: mix(#fff, $norway, 20%);
$norway-dark: mix(#000, $norway, 20%);
.element {
color: $norway;
box-shadow: 0 0 0 2px rgba($norway, 0.35);
}