Dichtstbijzijnde benoemde kleur · #2A4600
#2A4600
Dichtstbijzijnde benoemde kleur: Treetop Cathedral
#2A4600 (rgb(42 70 0), hsl(84 100% 14%), oklch(0.358 0.097 130.7)) 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.
#2A4600
oklch(0.358 0.097 130.7)
Kleurconversies
- HEX
- #2a4600
- RGB
- rgb(42 70 0)
- HSL
- hsl(84 100% 14%)
- HWB
- hwb(84 0% 73%)
- OKLCH
- oklch(0.358 0.097 130.7)
- OKLab
- oklab(0.358 -0.063 0.074)
- CIE Lab
- lab(26.46 -19.59 33.8)
- LCH
- lch(26.46 39.06 120.1)
- CMYK
- cmyk(40% 0% 100% 73%)
Tinten · Schaduwen · Tonen
Tinten
- 3D5720
- 506838
- 647A50
- 798C67
- 8E9F7F
- A3B198
- BAC4B1
- D0D8CA
- E7EBE4
Schaduwen
- 233C00
- 1C3200
- 162800
- 101E00
- 0A1500
- 050D00
- 020500
- 010200
- 000000
Tonen
- 324C13
- 3B5222
- 43582F
- 4B5D3A
- 546346
- 5C6952
- 656F5D
- 6E7469
- 777A74
Kleurharmonieën
Complementair +180°
- 2A4600
Treetop Cathedral
- 4C2B62
≈ Violet Indigo
Analoog -30° +30°
- 2A4600
Treetop Cathedral
- 453D00
≈ Xanthophobia
- 00492E
≈ Alaskan Moss
Triadisch +120° +240°
- 2A4600
Treetop Cathedral
- 073E6D
≈ Indigo Dye
- 652230
≈ Blackberry Pie
Gesplitst complementair +150° +210°
- 2A4600
Treetop Cathedral
- 35346E
≈ Deep Koamaru
- 5D244C
≈ Plum Caspia
Tetradisch +90° +180° +270°
- 2A4600
Treetop Cathedral
- 004454
≈ Crab Nebula
- 4C2B62
≈ Violet Indigo
- 65260D
≈ Raw Chocolate
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 10.63:1 · APCA Lc 94
Ag
FailOp zwart
WCAG 1.97:1 · APCA Lc 8
Beste tekstkleur: #FFFFFF
WCAG 10.63:1 (AAA) · APCA Lc 94
Contrast pairs
Codefragmenten
CSS
:root {
--treetop-cathedral: #2a4600;
--treetop-cathedral-rgb: 42 70 0;
--treetop-cathedral-oklch: oklch(0.358 0.097 130.7);
}
.element {
color: var(--treetop-cathedral);
background-color: hsl(84 100% 14%);
border-color: oklch(0.358 0.097 130.7);
}Tailwind CSS v4
@theme {
--color-treetop-cathedral: #2a4600;
--color-treetop-cathedral-50: #ebfcdf;
--color-treetop-cathedral-100: #dcefce;
--color-treetop-cathedral-200: #c5deb3;
--color-treetop-cathedral-300: #a4c38f;
--color-treetop-cathedral-400: #8baa6d;
--color-treetop-cathedral-500: #70934c;
--color-treetop-cathedral-600: #5f7c41;
--color-treetop-cathedral-700: #4c6433;
--color-treetop-cathedral-800: #384923;
--color-treetop-cathedral-900: #263217;
--color-treetop-cathedral-950: #151e08;
}SCSS
$treetop-cathedral: #2a4600;
$treetop-cathedral-rgb: 42, 70, 0;
$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);
}