Couleur nommée la plus proche · #476F2B
#476F2B
Couleur nommée la plus proche: Botanical
#476F2B (rgb(71 111 43), hsl(95 44% 30%), oklch(0.496 0.107 134.3)) est la plus proche de la couleur nommée Botanical. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#476F2B
oklch(0.496 0.107 134.3)
Conversions de couleur
- HEX
- #476f2b
- RGB
- rgb(71 111 43)
- HSL
- hsl(95 44% 30%)
- HWB
- hwb(95 17% 56%)
- OKLCH
- oklch(0.496 0.107 134.3)
- OKLab
- oklab(0.496 -0.075 0.077)
- CIE Lab
- lab(42.68 -24.33 32.39)
- LCH
- lch(42.68 40.51 126.9)
- CMYK
- cmyk(36% 0% 61% 56%)
Teintes · Ombres · Tons
Teintes
- 587D41
- 6A8B55
- 7B996A
- 8DA77E
- 9FB593
- B2C4A8
- C5D2BD
- D8E1D3
- EBF0E9
Ombres
- 3D6024
- 32511D
- 284216
- 1F3410
- 16270A
- 0D1A05
- 060E02
- 020401
- 000100
Tons
- 4D7135
- 53733F
- 597547
- 5E7650
- 647858
- 6A7A60
- 6F7B68
- 757D70
- 7A7F78
Harmonies de couleurs
Complémentaire +180°
- 476F2B
Botanical
- 784E8C
≈ Cleopatra’s Gown
Analogue -30° +30°
- 476F2B
Botanical
- 6C6400
≈ Earthy Khaki Green
- 007452
≈ Lush Meadow
Triadique +120° +240°
- 476F2B
Botanical
- 33639E
≈ Caledor Sky
- 95454F
≈ Kirsch Red
Complémentaire divisée +150° +210°
- 476F2B
Botanical
- 5C589C
≈ Purple Opulence
- 8C4771
≈ Twilight Lavender
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.87:1 · APCA Lc 79
Ag
FailSur noir
WCAG 3.57:1 · APCA Lc 23
Meilleure couleur de texte: #FFFFFF
WCAG 5.87:1 (AA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--botanical: #476f2b;
--botanical-rgb: 71 111 43;
--botanical-oklch: oklch(0.496 0.107 134.3);
}
.element {
color: var(--botanical);
background-color: hsl(95 44% 30%);
border-color: oklch(0.496 0.107 134.3);
}Tailwind CSS v4
@theme {
--color-botanical: #476f2b;
--color-botanical-50: #e8fddf;
--color-botanical-100: #d8f1cd;
--color-botanical-200: #c0dfb2;
--color-botanical-300: #9ec48e;
--color-botanical-400: #84ad6b;
--color-botanical-500: #679649;
--color-botanical-600: #587e3e;
--color-botanical-700: #466532;
--color-botanical-800: #344a21;
--color-botanical-900: #233316;
--color-botanical-950: #121f07;
}SCSS
$botanical: #476f2b;
$botanical-rgb: 71, 111, 43;
$botanical-light: mix(#fff, $botanical, 20%);
$botanical-dark: mix(#000, $botanical, 20%);
.element {
color: $botanical;
box-shadow: 0 0 0 2px rgba($botanical, 0.35);
}