Dichtstbijzijnde benoemde kleur · #4B8259
#4B8259
Dichtstbijzijnde benoemde kleur: Amazon
#4B8259 (rgb(75 130 89), hsl(135 27% 40%), oklch(0.557 0.087 150.9)) komt het dichtst bij de benoemde kleur Amazon. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#4B8259
oklch(0.557 0.087 150.9)
Kleurconversies
- HEX
- #4b8259
- RGB
- rgb(75 130 89)
- HSL
- hsl(135 27% 40%)
- HWB
- hwb(135 29% 49%)
- OKLCH
- oklch(0.557 0.087 150.9)
- OKLab
- oklab(0.557 -0.076 0.042)
- CIE Lab
- lab(49.71 -26.22 16.34)
- LCH
- lch(49.71 30.89 148.1)
- CMYK
- cmyk(42% 0% 32% 49%)
Tinten · Schaduwen · Tonen
Tinten
- 5D8E69
- 6F9A78
- 80A688
- 92B398
- A4BFA9
- B6CCBA
- C8D8CB
- DAE5DC
- ECF2ED
Schaduwen
- 40704C
- 355F40
- 2B4E34
- 213E28
- 172F1D
- 0E2013
- 061209
- 020603
- 000100
Tonen
- 51825D
- 578261
- 5D8265
- 628269
- 68816D
- 6D8171
- 728175
- 778178
- 7B807C
Kleurharmonieën
Complementair +180°
- 4B8259
Amazon
- 91608B
≈ Hashita Purple
Analoog -30° +30°
- 4B8259
Amazon
- 6C7B3F
≈ Healing Plant
- 298476
≈ Emerald Whispers
Triadisch +120° +240°
- 4B8259
Amazon
- 6170A7
≈ Dormitory
- A06054
≈ Chutney
Gesplitst complementair +150° +210°
- 4B8259
Amazon
- 7C679E
≈ Purple Paradise
- 9D5D70
≈ Tropical Hibiscus
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.52:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.63:1 · APCA Lc 30
Beste tekstkleur: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Codefragmenten
CSS
:root {
--amazon: #4b8259;
--amazon-rgb: 75 130 89;
--amazon-oklch: oklch(0.557 0.087 150.9);
}
.element {
color: var(--amazon);
background-color: hsl(135 27% 40%);
border-color: oklch(0.557 0.087 150.9);
}Tailwind CSS v4
@theme {
--color-amazon: #4b8259;
--color-amazon-50: #e3fdea;
--color-amazon-100: #d3f1da;
--color-amazon-200: #b9e0c3;
--color-amazon-300: #96c5a3;
--color-amazon-400: #78ad84;
--color-amazon-500: #599768;
--color-amazon-600: #4c7f59;
--color-amazon-700: #3c6647;
--color-amazon-800: #2c4b32;
--color-amazon-900: #1e3422;
--color-amazon-950: #0d1f11;
}SCSS
$amazon: #4b8259;
$amazon-rgb: 75, 130, 89;
$amazon-light: mix(#fff, $amazon, 20%);
$amazon-dark: mix(#000, $amazon, 20%);
.element {
color: $amazon;
box-shadow: 0 0 0 2px rgba($amazon, 0.35);
}