Dichtstbijzijnde benoemde kleur · #43661A
#43661A
Dichtstbijzijnde benoemde kleur: Botanical
#43661A (rgb(67 102 26), hsl(88 59% 25%), oklch(0.467 0.111 131.1)) komt het dichtst bij de benoemde kleur Botanical. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#43661A
oklch(0.467 0.111 131.1)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 547534
- 66834A
- 789260
- 8AA176
- 9DB08C
- B0C0A3
- C3CFB9
- D7DFD0
- EBEFE7
Schaduwen
- 395815
- 2F4A10
- 263C0C
- 1D2F07
- 142304
- 0C1702
- 050C01
- 010400
- 000000
Tonen
- 496928
- 4F6C34
- 556E3E
- 5B7148
- 617452
- 68765B
- 6E7965
- 747B6E
- 7A7E77
Kleurharmonieën
Complementair +180°
- 43661A
Botanical
- 6E4687
≈ Plum Jam
Analoog -30° +30°
- 43661A
Botanical
- 665B00
≈ Brussels Sprout Green
- 006B47
≈ Vegan Green
Triadisch +120° +240°
- 43661A
Botanical
- 225C96
≈ Beacon Blue
- 8D3B4A
≈ Luscious
Gesplitst complementair +150° +210°
- 43661A
Botanical
- 505096
≈ Blue Ember
- 823E6C
≈ Midnight Aubergine
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.65:1 · APCA Lc 83
Ag
FailOp zwart
WCAG 3.15:1 · APCA Lc 19
Beste tekstkleur: #FFFFFF
WCAG 6.65:1 (AA) · APCA Lc 83
Contrast pairs
Codefragmenten
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);
}