Nächste benannte Farbe · #3E836B
#3E836B
Nächste benannte Farbe: Elf
#3E836B (rgb(62 131 107), hsl(159 36% 38%), oklch(0.558 0.08 168.2)) liegt am nächsten an der benannten Farbe Elf. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#3E836B
oklch(0.558 0.08 168.2)
Farbumrechnungen
- HEX
- #3e836b
- RGB
- rgb(62 131 107)
- HSL
- hsl(159 36% 38%)
- HWB
- hwb(159 24% 49%)
- OKLCH
- oklch(0.558 0.08 168.2)
- OKLab
- oklab(0.558 -0.078 0.016)
- CIE Lab
- lab(49.78 -27.51 6.03)
- LCH
- lch(49.78 28.16 167.6)
- CMYK
- cmyk(53% 0% 18% 49%)
Tints · Shades · Tones
Tints
- 538F79
- 669B87
- 79A795
- 8CB3A3
- 9FC0B2
- B2CCC1
- C5D9D0
- D8E5E0
- ECF2EF
Shades
- 35715C
- 2B604E
- 234F3F
- 1A3F32
- 122F25
- 0A2018
- 04120D
- 010604
- 000100
Tones
- 47836D
- 4F836F
- 568271
- 5D8273
- 638275
- 698278
- 6F817A
- 75817C
- 7B807E
Farbharmonien
Komplementär +180°
- 3E836B
Elf
- 97607C
≈ Forest Berry
Analog -30° +30°
Triadisch +120° +240°
- 3E836B
Elf
- 726CA0
≈ Toy Mauve
- 9A6549
≈ Argan Oil
Geteilt komplementär +150° +210°
- 3E836B
Elf
- 886592
≈ Mirabella
- 9D6062
≈ Pizza Pie
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.50:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.66:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--elf: #3e836b;
--elf-rgb: 62 131 107;
--elf-oklch: oklch(0.558 0.08 168.2);
}
.element {
color: var(--elf);
background-color: hsl(159 36% 38%);
border-color: oklch(0.558 0.08 168.2);
}Tailwind CSS v4
@theme {
--color-elf: #3e836b;
--color-elf-50: #e0fdf2;
--color-elf-100: #cff1e4;
--color-elf-200: #b3e0cf;
--color-elf-300: #8ec5b1;
--color-elf-400: #6dae96;
--color-elf-500: #4a977c;
--color-elf-600: #3f8069;
--color-elf-700: #326654;
--color-elf-800: #244b3c;
--color-elf-900: #183429;
--color-elf-950: #082017;
}SCSS
$elf: #3e836b;
$elf-rgb: 62, 131, 107;
$elf-light: mix(#fff, $elf, 20%);
$elf-dark: mix(#000, $elf, 20%);
.element {
color: $elf;
box-shadow: 0 0 0 2px rgba($elf, 0.35);
}