Couleur nommée la plus proche · #43661A
#43661A
Couleur nommée la plus proche: Botanical
#43661A (rgb(67 102 26), hsl(88 59% 25%), oklch(0.467 0.111 131.1)) est la plus proche de la couleur nommée Botanical. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#43661A
oklch(0.467 0.111 131.1)
Conversions de couleur
- HEX
- #43661a
- RGB
- rgb(67 102 26)
- HSL
- hsl(88 59% 25%)
- HWB
- hwb(88 10% 60%)
- OKLCH
- oklch(0.467 0.111 131.1)
- OKLab
- oklab(0.467 -0.073 0.084)
- CIE Lab
- lab(39.3 -22.95 36.47)
- LCH
- lch(39.3 43.09 122.2)
- CMYK
- cmyk(34% 0% 75% 60%)
Teintes · Ombres · Tons
Teintes
- 547534
- 66834A
- 789260
- 8AA176
- 9DB08C
- B0C0A3
- C3CFB9
- D7DFD0
- EBEFE7
Ombres
- 395815
- 2F4A10
- 263C0C
- 1D2F07
- 142304
- 0C1702
- 050C01
- 010400
- 000000
Tons
- 496928
- 4F6C34
- 556E3E
- 5B7148
- 617452
- 68765B
- 6E7965
- 747B6E
- 7A7E77
Harmonies de couleurs
Complémentaire +180°
- 43661A
Botanical
- 6E4687
≈ Plum Jam
Analogue -30° +30°
- 43661A
Botanical
- 665B00
≈ Brussels Sprout Green
- 006B47
≈ Vegan Green
Triadique +120° +240°
- 43661A
Botanical
- 225C96
≈ Beacon Blue
- 8D3B4A
≈ Luscious
Complémentaire divisée +150° +210°
- 43661A
Botanical
- 505096
≈ Blue Ember
- 823E6C
≈ Midnight Aubergine
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.65:1 · APCA Lc 83
Ag
FailSur noir
WCAG 3.15:1 · APCA Lc 19
Meilleure couleur de texte: #FFFFFF
WCAG 6.65:1 (AA) · APCA Lc 83
Contrast pairs
Extraits de code
CSS
:root {
--botanical: #43661a;
--botanical-rgb: 67 102 26;
--botanical-oklch: oklch(0.467 0.111 131.1);
}
.element {
color: var(--botanical);
background-color: hsl(88 59% 25%);
border-color: oklch(0.467 0.111 131.1);
}Tailwind CSS v4
@theme {
--color-botanical: #43661a;
--color-botanical-50: #e9fddc;
--color-botanical-100: #daf1cb;
--color-botanical-200: #c2dfaf;
--color-botanical-300: #a1c489;
--color-botanical-400: #87ac65;
--color-botanical-500: #6b9542;
--color-botanical-600: #5b7e39;
--color-botanical-700: #49652d;
--color-botanical-800: #364a1d;
--color-botanical-900: #253313;
--color-botanical-950: #141f05;
}SCSS
$botanical: #43661a;
$botanical-rgb: 67, 102, 26;
$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);
}