Colore con nome · #7DB39E
Beau Monde
Beau Monde è #7DB39E: rgb(125 179 158), hsl(157 26% 60%), oklch(0.723 0.065 168.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Beau Monde color name →
#7DB39E
oklch(0.723 0.065 168.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 8ABAA7
- 97C2B1
- A4CABA
- B1D1C4
- BED9CD
- CBE0D7
- D8E8E1
- E5F0EB
- F2F7F5
Ombre
- 6C9B89
- 5B8474
- 4B6E60
- 3B584D
- 2C433A
- 1E2F29
- 111D18
- 050C09
- 010101
Toni
- 7EAE9B
- 7FA998
- 7FA495
- 809E92
- 80998F
- 80948C
- 808F89
- 808A86
- 808583
Armonie di colore
Complementare +180°
- 7DB39E
Beau Monde
- C595AC
≈ Light Mauve
Analogo -30° +30°
- 7DB39E
Beau Monde
- 92B088
≈ Fair Green
- 73B2B4
≈ Aurora Teal
Triadico +120° +240°
- 7DB39E
Beau Monde
- A3A0CC
≈ Indigo Child
- C89A82
≈ Chinook Salmon
Complementare divisa +150° +210°
- 7DB39E
Beau Monde
- B799C0
≈ Atlantic Tulip
- CB9696
≈ Minstrel Rose
Tetradico +90° +180° +270°
- 7DB39E
Beau Monde
- 8DA7CE
≈ Polo Blue
- C595AC
≈ Light Mauve
- BCA177
≈ Mesa
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.38:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.81:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.81:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
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);
}