Colore con nome più vicino · #3B641D
#3B641D
Colore con nome più vicino: Botanical
#3B641D (rgb(59 100 29), hsl(95 55% 25%), oklch(0.457 0.11 134.6)) è più vicino al colore con nome Botanical. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#3B641D
oklch(0.457 0.11 134.6)
Conversioni di colore
- HEX
- #3b641d
- RGB
- rgb(59 100 29)
- HSL
- hsl(95 55% 25%)
- HWB
- hwb(95 11% 61%)
- OKLCH
- oklch(0.457 0.11 134.6)
- OKLab
- oklab(0.457 -0.077 0.079)
- CIE Lab
- lab(38.17 -25 33.87)
- LCH
- lch(38.17 42.1 126.4)
- CMYK
- cmyk(41% 0% 71% 61%)
Tinte · Ombre · Toni
Tinte
- 4D7335
- 60824B
- 729161
- 85A077
- 99AF8C
- ADBFA3
- C1CFB9
- D5DFD0
- EAEFE7
Ombre
- 325618
- 294813
- 213B0E
- 192E09
- 112205
- 091603
- 040B01
- 010300
- 000000
Toni
- 42672A
- 496A35
- 506D3F
- 577049
- 5E7352
- 65755B
- 6C7865
- 727B6E
- 797D77
Armonie di colore
Complementare +180°
- 3B641D
Botanical
- 6E4281
≈ Plum Jam
Analogo -30° +30°
- 3B641D
Botanical
- 605900
≈ Ayahuasca Vine
- 006849
≈ Greens
Triadico +120° +240°
- 3B641D
Botanical
- 265893
≈ Blue Regent
- 8A3943
≈ Rushing Red
Complementare divisa +150° +210°
- 3B641D
Botanical
- 514C92
≈ Liberty
- 803B66
≈ Midnight Aubergine
Tetradico +90° +180° +270°
- 3B641D
Botanical
- 00617B
≈ Jamaican Dream
- 6E4281
≈ Plum Jam
- 883F1B
≈ Dusky Orange
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.93:1 · APCA Lc 84
Ag
FailSu nero
WCAG 3.02:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 6.93:1 (AA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--botanical: #3b641d;
--botanical-rgb: 59 100 29;
--botanical-oklch: oklch(0.457 0.11 134.6);
}
.element {
color: var(--botanical);
background-color: hsl(95 55% 25%);
border-color: oklch(0.457 0.11 134.6);
}Tailwind CSS v4
@theme {
--color-botanical: #3b641d;
--color-botanical-50: #e7fdde;
--color-botanical-100: #d7f1cd;
--color-botanical-200: #bfe0b1;
--color-botanical-300: #9dc58d;
--color-botanical-400: #82ad69;
--color-botanical-500: #669647;
--color-botanical-600: #577f3d;
--color-botanical-700: #456630;
--color-botanical-800: #334a20;
--color-botanical-900: #233415;
--color-botanical-950: #121f07;
}SCSS
$botanical: #3b641d;
$botanical-rgb: 59, 100, 29;
$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);
}