Colore con nome · #7B9F82
Aquadulce
Aquadulce è #7B9F82: rgb(123 159 130), hsl(132 16% 55%), oklch(0.667 0.058 150.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Aquadulce color name →
#7B9F82
oklch(0.667 0.058 150.4)
Conversioni di colore
- HEX
- #7b9f82
- RGB
- rgb(123 159 130)
- HSL
- hsl(132 16% 55%)
- HWB
- hwb(132 48% 38%)
- OKLCH
- oklch(0.667 0.058 150.4)
- OKLab
- oklab(0.667 -0.051 0.029)
- CIE Lab
- lab(62.18 -17.39 10.97)
- LCH
- lch(62.18 20.56 147.8)
- CMYK
- cmyk(23% 0% 18% 38%)
Tinte · Ombre · Toni
Tinte
- 88A88E
- 95B29A
- A2BBA6
- AFC5B2
- BCCEBF
- C9D8CB
- D6E2D8
- E4EBE5
- F1F5F2
Ombre
- 6A8A70
- 5A755F
- 4A614E
- 3A4D3E
- 2C3B2F
- 1E2920
- 101812
- 050906
- 010101
Toni
- 7C9C82
- 7C9982
- 7D9682
- 7E9381
- 7E9081
- 7F8C81
- 7F8981
- 7F8681
- 808380
Armonie di colore
Complementare +180°
- 7B9F82
Aquadulce
- AA88A5
≈ Lavender Herb
Analogo -30° +30°
- 7B9F82
Aquadulce
- 8F9A72
≈ Alamosa Green
- 6CA196
≈ Jade Dragon
Triadico +120° +240°
- 7B9F82
Aquadulce
- 8793B9
≈ PHP Purple
- B6887F
≈ Cappuccino Bombe
Complementare divisa +150° +210°
- 7B9F82
Aquadulce
- 9A8DB3
≈ Purple Agate
- B38693
≈ Keepsake Rose
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.94:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.12:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.12:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--aquadulce: #7b9f82;
--aquadulce-rgb: 123 159 130;
--aquadulce-oklch: oklch(0.667 0.058 150.4);
}
.element {
color: var(--aquadulce);
background-color: hsl(132 16% 55%);
border-color: oklch(0.667 0.058 150.4);
}Tailwind CSS v4
@theme {
--color-aquadulce: #7b9f82;
--color-aquadulce-50: #e9faed;
--color-aquadulce-100: #daeedf;
--color-aquadulce-200: #c3dcc8;
--color-aquadulce-300: #a2c0a9;
--color-aquadulce-400: #86a98d;
--color-aquadulce-500: #6a9172;
--color-aquadulce-600: #5a7b61;
--color-aquadulce-700: #48624d;
--color-aquadulce-800: #344837;
--color-aquadulce-900: #243226;
--color-aquadulce-950: #131e14;
}SCSS
$aquadulce: #7b9f82;
$aquadulce-rgb: 123, 159, 130;
$aquadulce-light: mix(#fff, $aquadulce, 20%);
$aquadulce-dark: mix(#000, $aquadulce, 20%);
.element {
color: $aquadulce;
box-shadow: 0 0 0 2px rgba($aquadulce, 0.35);
}