Dichtstbijzijnde benoemde kleur · #4B7463
#4B7463
Dichtstbijzijnde benoemde kleur: June Ivy
#4B7463 (rgb(75 116 99), hsl(155 21% 37%), oklch(0.523 0.054 166.4)) komt het dichtst bij de benoemde kleur June Ivy. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#4B7463
oklch(0.523 0.054 166.4)
Kleurconversies
- HEX
- #4b7463
- RGB
- rgb(75 116 99)
- HSL
- hsl(155 21% 37%)
- HWB
- hwb(155 29% 55%)
- OKLCH
- oklch(0.523 0.054 166.4)
- OKLab
- oklab(0.523 -0.052 0.013)
- CIE Lab
- lab(45.42 -18.05 4.65)
- LCH
- lch(45.42 18.64 165.6)
- CMYK
- cmyk(35% 0% 15% 55%)
Tinten · Schaduwen · Tonen
Tinten
- 5C8171
- 6E8E80
- 7F9C8F
- 91A99E
- A2B7AE
- B4C5BE
- C7D4CE
- D9E2DE
- ECF0EE
Schaduwen
- 406455
- 355447
- 2B453A
- 21372E
- 172921
- 0E1B16
- 060F0B
- 020503
- 000100
Tonen
- 517566
- 567769
- 5C786C
- 61796E
- 677A71
- 6C7B74
- 717D77
- 767E7A
- 7B7F7D
Kleurharmonieën
Complementair +180°
- 4B7463
June Ivy
- 815E70
≈ Chicha Morada
Analoog -30° +30°
- 4B7463
June Ivy
- 5C7153
≈ Vineyard Green
- 427474
≈ Surf Green
Triadisch +120° +240°
- 4B7463
June Ivy
- 676688
≈ Daemonette Hide
- 846150
≈ How Now
Gesplitst complementair +150° +210°
- 4B7463
June Ivy
- 76617F
≈ Montana Grape
- 865D5F
≈ Rabbit Paws
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.27:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 3.97:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--june-ivy: #4b7463;
--june-ivy-rgb: 75 116 99;
--june-ivy-oklch: oklch(0.523 0.054 166.4);
}
.element {
color: var(--june-ivy);
background-color: hsl(155 21% 37%);
border-color: oklch(0.523 0.054 166.4);
}Tailwind CSS v4
@theme {
--color-june-ivy: #4b7463;
--color-june-ivy-50: #e7faf2;
--color-june-ivy-100: #d8eee5;
--color-june-ivy-200: #bfdcd0;
--color-june-ivy-300: #9ec1b2;
--color-june-ivy-400: #81a997;
--color-june-ivy-500: #63927e;
--color-june-ivy-600: #547b6b;
--color-june-ivy-700: #436355;
--color-june-ivy-800: #31483e;
--color-june-ivy-900: #21322a;
--color-june-ivy-950: #101e18;
}SCSS
$june-ivy: #4b7463;
$june-ivy-rgb: 75, 116, 99;
$june-ivy-light: mix(#fff, $june-ivy, 20%);
$june-ivy-dark: mix(#000, $june-ivy, 20%);
.element {
color: $june-ivy;
box-shadow: 0 0 0 2px rgba($june-ivy, 0.35);
}