Nächste benannte Farbe · #188578
#188578
Nächste benannte Farbe: Emerald Whispers
#188578 (rgb(24 133 120), hsl(173 69% 31%), oklch(0.556 0.094 182.5)) liegt am nächsten an der benannten Farbe Emerald Whispers. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#188578
oklch(0.556 0.094 182.5)
Farbumrechnungen
- HEX
- #188578
- RGB
- rgb(24 133 120)
- HSL
- hsl(173 69% 31%)
- HWB
- hwb(173 9% 48%)
- OKLCH
- oklch(0.556 0.094 182.5)
- OKLab
- oklab(0.556 -0.094 -0.004)
- CIE Lab
- lab(49.69 -32.67 -1.79)
- LCH
- lch(49.69 32.72 183.1)
- CMYK
- cmyk(82% 0% 10% 48%)
Tints · Shades · Tones
Tints
- 3B9185
- 559D91
- 6BA99F
- 81B5AC
- 96C1B9
- ABCDC7
- C0DAD5
- D5E6E3
- EAF2F1
Shades
- 137367
- 0F6157
- 0A5048
- 074039
- 04302A
- 02211D
- 011310
- 000605
- 000101
Tones
- 2D8579
- 3B847A
- 47847A
- 51847B
- 5A837C
- 63837D
- 6A827E
- 72817E
- 79817F
Farbharmonien
Komplementär +180°
- 188578
Emerald Whispers
- A05B6E
≈ Beef Jerky
Analog -30° +30°
- 188578
Emerald Whispers
- 448358
≈ Adamite Green
- 118194
≈ Craftsman Blue
Triadisch +120° +240°
- 188578
Emerald Whispers
- 7E65A1
≈ Purple Paradise
- 9A6634
≈ Woodgrain
Geteilt komplementär +150° +210°
- 188578
Emerald Whispers
- 945E8B
≈ Plum Savour
- A35E4F
≈ Remington Rust
Tetradisch +90° +180° +270°
- 188578
Emerald Whispers
- 616FAA
≈ Dormitory
- A05B6E
≈ Beef Jerky
- 87722A
≈ Garden Lettuce Green
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 {
--emerald-whispers: #188578;
--emerald-whispers-rgb: 24 133 120;
--emerald-whispers-oklch: oklch(0.556 0.094 182.5);
}
.element {
color: var(--emerald-whispers);
background-color: hsl(173 69% 31%);
border-color: oklch(0.556 0.094 182.5);
}Tailwind CSS v4
@theme {
--color-emerald-whispers: #188578;
--color-emerald-whispers-50: #d9fff8;
--color-emerald-whispers-100: #c6f3ec;
--color-emerald-whispers-200: #a7e2d9;
--color-emerald-whispers-300: #7ec7bd;
--color-emerald-whispers-400: #57b1a3;
--color-emerald-whispers-500: #219a8b;
--color-emerald-whispers-600: #208276;
--color-emerald-whispers-700: #1a685e;
--color-emerald-whispers-800: #124d44;
--color-emerald-whispers-900: #0b352f;
--color-emerald-whispers-950: #00201b;
}SCSS
$emerald-whispers: #188578;
$emerald-whispers-rgb: 24, 133, 120;
$emerald-whispers-light: mix(#fff, $emerald-whispers, 20%);
$emerald-whispers-dark: mix(#000, $emerald-whispers, 20%);
.element {
color: $emerald-whispers;
box-shadow: 0 0 0 2px rgba($emerald-whispers, 0.35);
}