Dichtstbijzijnde benoemde kleur · #687511
#687511
Dichtstbijzijnde benoemde kleur: Topiary Green
#687511 (rgb(104 117 17), hsl(68 75% 26%), oklch(0.533 0.117 117.4)) komt het dichtst bij de benoemde kleur Topiary Green. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#687511
oklch(0.533 0.117 117.4)
Kleurconversies
- HEX
- #687511
- RGB
- rgb(104 117 17)
- HSL
- hsl(68 75% 26%)
- HWB
- hwb(68 7% 54%)
- OKLCH
- oklch(0.533 0.117 117.4)
- OKLab
- oklab(0.533 -0.054 0.104)
- CIE Lab
- lab(46.8 -14.52 47.46)
- LCH
- lch(46.8 49.63 107)
- CMYK
- cmyk(11% 0% 85% 54%)
Tinten · Schaduwen · Tonen
Tinten
- 768232
- 84904B
- 929D62
- A1AB78
- B0B98E
- BFC7A5
- CFD4BB
- DFE3D1
- EFF1E8
Schaduwen
- 59650D
- 4B5509
- 3E4606
- 303704
- 242902
- 181C01
- 0C0F00
- 040500
- 000100
Tonen
- 6A7625
- 6C7833
- 6F793F
- 717A4A
- 737B53
- 767C5D
- 787D66
- 7B7E6F
- 7D7F77
Kleurharmonieën
Complementair +180°
- 687511
Topiary Green
- 755CA8
≈ Genestealer Purple
Analoog -30° +30°
- 687511
Topiary Green
- 886800
≈ Muddy Brown
- 367F43
≈ Bold Irish
Triadisch +120° +240°
- 687511
Topiary Green
- 0075A8
≈ Methyl Blue
- A14D6D
≈ Cherry Berry
Gesplitst complementair +150° +210°
- 687511
Topiary Green
- 4F69B1
≈ Azraq Blue
- 90528F
≈ Mad About Magenta
Tetradisch +90° +180° +270°
- 687511
Topiary Green
- 007B88
≈ Biscay Bay
- 755CA8
≈ Genestealer Purple
- A64E46
≈ Persimmon Red
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.07:1 · APCA Lc 75
Ag
FailOp zwart
WCAG 4.14:1 · APCA Lc 27
Beste tekstkleur: #FFFFFF
WCAG 5.07:1 (AA) · APCA Lc 75
Contrast pairs
Codefragmenten
CSS
:root {
--topiary-green: #687511;
--topiary-green-rgb: 104 117 17;
--topiary-green-oklch: oklch(0.533 0.117 117.4);
}
.element {
color: var(--topiary-green);
background-color: hsl(68 75% 26%);
border-color: oklch(0.533 0.117 117.4);
}Tailwind CSS v4
@theme {
--color-topiary-green: #687511;
--color-topiary-green-50: #f1fbd5;
--color-topiary-green-100: #e3eec2;
--color-topiary-green-200: #cedca3;
--color-topiary-green-300: #b0c07b;
--color-topiary-green-400: #99a853;
--color-topiary-green-500: #819024;
--color-topiary-green-600: #6d7a22;
--color-topiary-green-700: #57611b;
--color-topiary-green-800: #41470f;
--color-topiary-green-900: #2d3109;
--color-topiary-green-950: #1a1d00;
}SCSS
$topiary-green: #687511;
$topiary-green-rgb: 104, 117, 17;
$topiary-green-light: mix(#fff, $topiary-green, 20%);
$topiary-green-dark: mix(#000, $topiary-green, 20%);
.element {
color: $topiary-green;
box-shadow: 0 0 0 2px rgba($topiary-green, 0.35);
}