Dichtstbijzijnde benoemde kleur · #2B4E19
#2B4E19
Dichtstbijzijnde benoemde kleur: Treetop Cathedral
#2B4E19 (rgb(43 78 25), hsl(100 51% 20%), oklch(0.384 0.09 136.5)) komt het dichtst bij de benoemde kleur Treetop Cathedral. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#2B4E19
oklch(0.384 0.09 136.5)
Kleurconversies
- HEX
- #2b4e19
- RGB
- rgb(43 78 25)
- HSL
- hsl(100 51% 20%)
- HWB
- hwb(100 10% 69%)
- OKLCH
- oklch(0.384 0.09 136.5)
- OKLab
- oklab(0.384 -0.066 0.062)
- CIE Lab
- lab(29.56 -21.48 26.34)
- LCH
- lch(29.56 33.99 129.2)
- CMYK
- cmyk(45% 0% 68% 69%)
Tinten · Schaduwen · Tonen
Tinten
- 3E5E30
- 526F45
- 66805B
- 7A9171
- 8FA387
- A5B59E
- BBC7B6
- D1D9CE
- E8ECE6
Schaduwen
- 244314
- 1D3810
- 162D0B
- 102307
- 0A1904
- 050F02
- 020701
- 010200
- 000000
Tonen
- 345325
- 3C582F
- 445D3A
- 4D6244
- 55674E
- 5E6C58
- 667162
- 6F766C
- 777B76
Kleurharmonieën
Complementair +180°
- 2B4E19
Treetop Cathedral
- 563263
≈ Damson Mauve
Analoog -30° +30°
- 2B4E19
Treetop Cathedral
- 494600
≈ Alligator Gladiator
- 00503A
≈ Chrysocolla Dark Green
Triadisch +120° +240°
- 2B4E19
Treetop Cathedral
- 204473
≈ Assault
- 6B2C32
≈ Crystal Dark Red
Gesplitst complementair +150° +210°
- 2B4E19
Treetop Cathedral
- 413A71
≈ American Blue
- 652D4D
≈ Witch Soup
Tetradisch +90° +180° +270°
- 2B4E19
Treetop Cathedral
- 004B62
≈ Fresco Blue
- 563263
≈ Damson Mauve
- 693113
≈ Meatloaf
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 9.51:1 · APCA Lc 92
Ag
FailOp zwart
WCAG 2.20:1 · APCA Lc 11
Beste tekstkleur: #FFFFFF
WCAG 9.51:1 (AAA) · APCA Lc 92
Contrast pairs
Codefragmenten
CSS
:root {
--treetop-cathedral: #2b4e19;
--treetop-cathedral-rgb: 43 78 25;
--treetop-cathedral-oklch: oklch(0.384 0.09 136.5);
}
.element {
color: var(--treetop-cathedral);
background-color: hsl(100 51% 20%);
border-color: oklch(0.384 0.09 136.5);
}Tailwind CSS v4
@theme {
--color-treetop-cathedral: #2b4e19;
--color-treetop-cathedral-50: #e9fce3;
--color-treetop-cathedral-100: #d9f0d3;
--color-treetop-cathedral-200: #c1deb9;
--color-treetop-cathedral-300: #a1c396;
--color-treetop-cathedral-400: #86ab76;
--color-treetop-cathedral-500: #6a9457;
--color-treetop-cathedral-600: #5a7d4a;
--color-treetop-cathedral-700: #48643b;
--color-treetop-cathedral-800: #354929;
--color-treetop-cathedral-900: #24331b;
--color-treetop-cathedral-950: #131e0c;
}SCSS
$treetop-cathedral: #2b4e19;
$treetop-cathedral-rgb: 43, 78, 25;
$treetop-cathedral-light: mix(#fff, $treetop-cathedral, 20%);
$treetop-cathedral-dark: mix(#000, $treetop-cathedral, 20%);
.element {
color: $treetop-cathedral;
box-shadow: 0 0 0 2px rgba($treetop-cathedral, 0.35);
}