Benannte Farbe · #7DB39E
Beau Monde
Beau Monde ist #7DB39E: rgb(125 179 158), hsl(157 26% 60%), oklch(0.723 0.065 168.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Beau Monde color name →
#7DB39E
oklch(0.723 0.065 168.4)
Farbumrechnungen
- HEX
- #7db39e
- RGB
- rgb(125 179 158)
- HSL
- hsl(157 26% 60%)
- HWB
- hwb(157 49% 30%)
- OKLCH
- oklch(0.723 0.065 168.4)
- OKLab
- oklab(0.723 -0.063 0.013)
- CIE Lab
- lab(68.72 -21.91 4.79)
- LCH
- lch(68.72 22.43 167.7)
- CMYK
- cmyk(30% 0% 12% 30%)
Tints · Shades · Tones
Tints
- 8ABAA7
- 97C2B1
- A4CABA
- B1D1C4
- BED9CD
- CBE0D7
- D8E8E1
- E5F0EB
- F2F7F5
Shades
- 6C9B89
- 5B8474
- 4B6E60
- 3B584D
- 2C433A
- 1E2F29
- 111D18
- 050C09
- 010101
Tones
- 7EAE9B
- 7FA998
- 7FA495
- 809E92
- 80998F
- 80948C
- 808F89
- 808A86
- 808583
Farbharmonien
Komplementär +180°
- 7DB39E
Beau Monde
- C595AC
≈ Light Mauve
Analog -30° +30°
- 7DB39E
Beau Monde
- 92B088
≈ Fair Green
- 73B2B4
≈ Aurora Teal
Triadisch +120° +240°
- 7DB39E
Beau Monde
- A3A0CC
≈ Indigo Child
- C89A82
≈ Chinook Salmon
Geteilt komplementär +150° +210°
- 7DB39E
Beau Monde
- B799C0
≈ Atlantic Tulip
- CB9696
≈ Minstrel Rose
Tetradisch +90° +180° +270°
- 7DB39E
Beau Monde
- 8DA7CE
≈ Polo Blue
- C595AC
≈ Light Mauve
- BCA177
≈ Mesa
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.38:1 · APCA Lc 47
Ag
AAAAuf Schwarz
WCAG 8.81:1 · APCA Lc 55
Beste Textfarbe: #000000
WCAG 8.81:1 (AAA) · APCA Lc 55
Contrast pairs
Code-Snippets
CSS
:root {
--beau-monde: #7db39e;
--beau-monde-rgb: 125 179 158;
--beau-monde-oklch: oklch(0.723 0.065 168.4);
}
.element {
color: var(--beau-monde);
background-color: hsl(157 26% 60%);
border-color: oklch(0.723 0.065 168.4);
}Tailwind CSS v4
@theme {
--color-beau-monde: #7db39e;
--color-beau-monde-50: #e4fcf2;
--color-beau-monde-100: #d4efe5;
--color-beau-monde-200: #baded0;
--color-beau-monde-300: #97c3b2;
--color-beau-monde-400: #78ab97;
--color-beau-monde-500: #59947e;
--color-beau-monde-600: #4c7d6b;
--color-beau-monde-700: #3c6455;
--color-beau-monde-800: #2c4a3d;
--color-beau-monde-900: #1d332a;
--color-beau-monde-950: #0d1f18;
}SCSS
$beau-monde: #7db39e;
$beau-monde-rgb: 125, 179, 158;
$beau-monde-light: mix(#fff, $beau-monde, 20%);
$beau-monde-dark: mix(#000, $beau-monde, 20%);
.element {
color: $beau-monde;
box-shadow: 0 0 0 2px rgba($beau-monde, 0.35);
}