Dichtstbijzijnde benoemde kleur · #477700
#477700
Dichtstbijzijnde benoemde kleur: Forest Empress
#477700 (rgb(71 119 0), hsl(84 100% 23%), oklch(0.515 0.143 131.8)) komt het dichtst bij de benoemde kleur Forest Empress. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#477700
oklch(0.515 0.143 131.8)
Kleurconversies
- HEX
- #477700
- RGB
- rgb(71 119 0)
- HSL
- hsl(84 100% 23%)
- HWB
- hwb(84 0% 53%)
- OKLCH
- oklch(0.515 0.143 131.8)
- OKLab
- oklab(0.515 -0.095 0.106)
- CIE Lab
- lab(45.12 -29.69 48.69)
- LCH
- lch(45.12 57.03 121.4)
- CMYK
- cmyk(40% 0% 100% 53%)
Tinten · Schaduwen · Tonen
Tinten
- 58842B
- 6A9246
- 7C9F5E
- 8EAD75
- A0BA8B
- B2C8A2
- C5D6B9
- D8E3D0
- EBF1E7
Schaduwen
- 3D6700
- 325700
- 284700
- 1F3800
- 162A00
- 0D1C00
- 061000
- 020500
- 000100
Tonen
- 4D781D
- 537A2D
- 597B3A
- 5F7C46
- 647D50
- 6A7E5A
- 6F7E64
- 757F6E
- 7A8077
Kleurharmonieën
Complementair +180°
- 477700
Forest Empress
- 824BA2
≈ Purple Pleasures
Analoog -30° +30°
- 477700
Forest Empress
- 746900
≈ Arousing Alligator
- 007B53
≈ Poplar Forest
Triadisch +120° +240°
- 477700
Forest Empress
- 1569B6
≈ Mid Blue
- A93C51
≈ Valentine
Gesplitst complementair +150° +210°
- 477700
Forest Empress
- 5C59B6
≈ Yuè Guāng Lán Moonlight
- 9C407E
≈ Grape Riot
Tetradisch +90° +180° +270°
- 477700
Forest Empress
- 00738E
≈ Rare Turquoise
- 824BA2
≈ Purple Pleasures
- A84416
≈ Rusted Lock
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.37:1 · APCA Lc 77
Ag
FailOp zwart
WCAG 3.90:1 · APCA Lc 25
Beste tekstkleur: #FFFFFF
WCAG 5.37:1 (AA) · APCA Lc 77
Contrast pairs
Codefragmenten
CSS
:root {
--forest-empress: #477700;
--forest-empress-rgb: 71 119 0;
--forest-empress-oklch: oklch(0.515 0.143 131.8);
}
.element {
color: var(--forest-empress);
background-color: hsl(84 100% 23%);
border-color: oklch(0.515 0.143 131.8);
}Tailwind CSS v4
@theme {
--color-forest-empress: #477700;
--color-forest-empress-50: #e5ffd6;
--color-forest-empress-100: #d5f3c3;
--color-forest-empress-200: #bce2a4;
--color-forest-empress-300: #99c87b;
--color-forest-empress-400: #7fb052;
--color-forest-empress-500: #619922;
--color-forest-empress-600: #53811f;
--color-forest-empress-700: #426719;
--color-forest-empress-800: #324c0c;
--color-forest-empress-900: #223408;
--color-forest-empress-950: #112000;
}SCSS
$forest-empress: #477700;
$forest-empress-rgb: 71, 119, 0;
$forest-empress-light: mix(#fff, $forest-empress, 20%);
$forest-empress-dark: mix(#000, $forest-empress, 20%);
.element {
color: $forest-empress;
box-shadow: 0 0 0 2px rgba($forest-empress, 0.35);
}