Dichtstbijzijnde benoemde kleur · #387C5B
#387C5B
Dichtstbijzijnde benoemde kleur: Amazon
#387C5B (rgb(56 124 91), hsl(151 38% 35%), oklch(0.532 0.087 160.2)) komt het dichtst bij de benoemde kleur Amazon. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#387C5B
oklch(0.532 0.087 160.2)
Kleurconversies
- HEX
- #387c5b
- RGB
- rgb(56 124 91)
- HSL
- hsl(151 38% 35%)
- HWB
- hwb(151 22% 51%)
- OKLCH
- oklch(0.532 0.087 160.2)
- OKLab
- oklab(0.532 -0.082 0.03)
- CIE Lab
- lab(46.93 -28.86 11.26)
- LCH
- lch(46.93 30.98 158.7)
- CMYK
- cmyk(55% 0% 27% 51%)
Tinten · Schaduwen · Tonen
Tinten
- 4D896A
- 61957A
- 75A289
- 88AF99
- 9CBCAA
- AFC9BA
- C3D7CB
- D7E4DC
- EBF1ED
Schaduwen
- 2F6B4E
- 275A41
- 1F4A35
- 173B29
- 0F2C1E
- 081E13
- 041109
- 010503
- 000100
Tonen
- 417D5F
- 4A7D62
- 527E66
- 597E6A
- 607F6E
- 677F71
- 6D7F75
- 748079
- 7A807C
Kleurharmonieën
Complementair +180°
- 387C5B
Amazon
- 8E587C
≈ Queen’s Honour
Analoog -30° +30°
- 387C5B
Amazon
- 5B773F
≈ Majestic Jungle
- 147C78
≈ Navajo Turquoise
Triadisch +120° +240°
- 387C5B
Amazon
- 63669E
≈ Dark Horizon
- 975A45
≈ Rookwood Terra Cotta
Gesplitst complementair +150° +210°
- 387C5B
Amazon
- 7C5E92
≈ Ghostly Purple
- 985661
≈ Cuban Rhythm
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.99:1 · APCA Lc 74
Ag
FailOp zwart
WCAG 4.20:1 · APCA Lc 27
Beste tekstkleur: #FFFFFF
WCAG 4.99:1 (AA) · APCA Lc 74
Contrast pairs
Codefragmenten
CSS
:root {
--amazon: #387c5b;
--amazon-rgb: 56 124 91;
--amazon-oklch: oklch(0.532 0.087 160.2);
}
.element {
color: var(--amazon);
background-color: hsl(151 38% 35%);
border-color: oklch(0.532 0.087 160.2);
}Tailwind CSS v4
@theme {
--color-amazon: #387c5b;
--color-amazon-50: #e0feee;
--color-amazon-100: #cff2df;
--color-amazon-200: #b4e0c9;
--color-amazon-300: #8fc6aa;
--color-amazon-400: #6faf8d;
--color-amazon-500: #4c9872;
--color-amazon-600: #418161;
--color-amazon-700: #34674d;
--color-amazon-800: #264c37;
--color-amazon-900: #193425;
--color-amazon-950: #092014;
}SCSS
$amazon: #387c5b;
$amazon-rgb: 56, 124, 91;
$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);
}