Benannte Farbe · #3E6058
Emerson
Emerson ist #3E6058: rgb(62 96 88), hsl(166 22% 31%), oklch(0.46 0.042 177.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Emerson color name →
#3E6058
oklch(0.46 0.042 177.9)
Farbumrechnungen
- HEX
- #3e6058
- RGB
- rgb(62 96 88)
- HSL
- hsl(166 22% 31%)
- HWB
- hwb(166 24% 62%)
- OKLCH
- oklch(0.46 0.042 177.9)
- OKLab
- oklab(0.46 -0.042 0.002)
- CIE Lab
- lab(37.93 -14.37 0.45)
- LCH
- lch(37.93 14.38 178.2)
- CMYK
- cmyk(35% 0% 8% 62%)
Tints · Shades · Tones
Tints
- 506F67
- 627E77
- 758D87
- 879C97
- 9BACA8
- AEBCB8
- C2CDCA
- D6DDDB
- EAEEED
Shades
- 35524B
- 2B453F
- 233833
- 1A2C28
- 12201D
- 0A1512
- 040A09
- 010303
- 000000
Tones
- 45635C
- 4C6660
- 526A64
- 596D68
- 60706C
- 667370
- 6D7674
- 737A78
- 7A7D7C
Farbharmonien
Komplementär +180°
- 3E6058
Emerson
- 6C4F58
≈ Exclusively
Analog -30° +30°
- 3E6058
Emerson
- 485F4B
≈ Muddy Olive
- 3B5F64
≈ Jimbaran Bay
Triadisch +120° +240°
- 3E6058
Emerson
- 5B536D
≈ Arraign
- 6A5341
≈ Quincy
Geteilt komplementär +150° +210°
- 3E6058
Emerson
- 655064
≈ Vintage Violet
- 6E4F4B
≈ Susu-Take Bamboo
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.95:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 3.01:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 6.95:1 (AA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--emerson: #3e6058;
--emerson-rgb: 62 96 88;
--emerson-oklch: oklch(0.46 0.042 177.9);
}
.element {
color: var(--emerson);
background-color: hsl(166 22% 31%);
border-color: oklch(0.46 0.042 177.9);
}Tailwind CSS v4
@theme {
--color-emerson: #3e6058;
--color-emerson-50: #e9f9f5;
--color-emerson-100: #daede8;
--color-emerson-200: #c2dad5;
--color-emerson-300: #a1bfb8;
--color-emerson-400: #85a79e;
--color-emerson-500: #689086;
--color-emerson-600: #597971;
--color-emerson-700: #47615b;
--color-emerson-800: #334742;
--color-emerson-900: #23312d;
--color-emerson-950: #121d1a;
}SCSS
$emerson: #3e6058;
$emerson-rgb: 62, 96, 88;
$emerson-light: mix(#fff, $emerson, 20%);
$emerson-dark: mix(#000, $emerson, 20%);
.element {
color: $emerson;
box-shadow: 0 0 0 2px rgba($emerson, 0.35);
}