Couleur nommée la plus proche · #529A71
#529A71
Couleur nommée la plus proche: Natural Orchestra
#529A71 (rgb(82 154 113), hsl(146 31% 46%), oklch(0.628 0.096 157.1)) est la plus proche de la couleur nommée Natural Orchestra. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#529A71
oklch(0.628 0.096 157.1)
Conversions de couleur
- HEX
- #529a71
- RGB
- rgb(82 154 113)
- HSL
- hsl(146 31% 46%)
- HWB
- hwb(146 32% 40%)
- OKLCH
- oklch(0.628 0.096 157.1)
- OKLab
- oklab(0.628 -0.089 0.037)
- CIE Lab
- lab(58.08 -30.99 14.31)
- LCH
- lch(58.08 34.14 155.2)
- CMYK
- cmyk(47% 0% 27% 40%)
Teintes · Ombres · Tons
Teintes
- 64A47E
- 76AE8C
- 87B89A
- 98C2A8
- A9CCB6
- BAD6C4
- CBE0D3
- DDEAE1
- EEF5F0
Ombres
- 468561
- 3B7152
- 2F5E43
- 254B35
- 1A3927
- 11271A
- 08170E
- 020904
- 000101
Tons
- 589873
- 5E9574
- 639376
- 689077
- 6D8D79
- 718B7A
- 75887C
- 79857D
- 7D837F
Harmonies de couleurs
Complémentaire +180°
- 529A71
Natural Orchestra
- AE719E
≈ Mulberry Bush
Analogue -30° +30°
- 529A71
Natural Orchestra
- 799352
≈ Piquant Green
- 2F9B92
≈ Temple Guard Blue
Triadique +120° +240°
- 529A71
Natural Orchestra
- 7A83C2
≈ Twilight Twinkle
- BB735E
≈ Azalea Pot
Complémentaire divisée +150° +210°
- 529A71
Natural Orchestra
- 9879B6
≈ Lavender Purple
- BA6F7E
≈ Smell the Roses
Tétradique +90° +180° +270°
- 529A71
Natural Orchestra
- 568EC0
≈ Cliff Blue
- AE719E
≈ Mulberry Bush
- AF7D45
≈ Vintage Lincoln
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.37:1 · APCA Lc 61
Ag
AASur noir
WCAG 6.21:1 · APCA Lc 41
Meilleure couleur de texte: #000000
WCAG 6.21:1 (AA) · APCA Lc 41
Contrast pairs
Extraits de code
CSS
:root {
--natural-orchestra: #529a71;
--natural-orchestra-rgb: 82 154 113;
--natural-orchestra-oklch: oklch(0.628 0.096 157.1);
}
.element {
color: var(--natural-orchestra);
background-color: hsl(146 31% 46%);
border-color: oklch(0.628 0.096 157.1);
}Tailwind CSS v4
@theme {
--color-natural-orchestra: #529a71;
--color-natural-orchestra-50: #dffeeb;
--color-natural-orchestra-100: #cef2dc;
--color-natural-orchestra-200: #b2e1c6;
--color-natural-orchestra-300: #8cc7a6;
--color-natural-orchestra-400: #6cb088;
--color-natural-orchestra-500: #48996c;
--color-natural-orchestra-600: #3e825c;
--color-natural-orchestra-700: #316849;
--color-natural-orchestra-800: #244c34;
--color-natural-orchestra-900: #183523;
--color-natural-orchestra-950: #082012;
}SCSS
$natural-orchestra: #529a71;
$natural-orchestra-rgb: 82, 154, 113;
$natural-orchestra-light: mix(#fff, $natural-orchestra, 20%);
$natural-orchestra-dark: mix(#000, $natural-orchestra, 20%);
.element {
color: $natural-orchestra;
box-shadow: 0 0 0 2px rgba($natural-orchestra, 0.35);
}