Colore con nome · #85C7A6
Aqua Eden
Aqua Eden è #85C7A6: rgb(133 199 166), hsl(150 37% 65%), oklch(0.776 0.083 161.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Aqua Eden color name →
#85C7A6
oklch(0.776 0.083 161.9)
Conversioni di colore
- HEX
- #85c7a6
- RGB
- rgb(133 199 166)
- HSL
- hsl(150 37% 65%)
- HWB
- hwb(150 52% 22%)
- OKLCH
- oklch(0.776 0.083 161.9)
- OKLab
- oklab(0.776 -0.078 0.026)
- CIE Lab
- lab(75.12 -27.23 9.6)
- LCH
- lch(75.12 28.87 160.6)
- CMYK
- cmyk(33% 0% 17% 22%)
Tinte · Ombre · Toni
Tinte
- 92CDAF
- 9ED2B7
- ABD8C0
- B7DEC9
- C3E3D2
- CFE9DB
- DBEEE4
- E7F4ED
- F3F9F6
Ombre
- 73AD90
- 61937A
- 507A65
- 406251
- 304C3E
- 21362B
- 13211A
- 060E0A
- 010201
Toni
- 85C0A2
- 85B99E
- 85B19B
- 85AA97
- 85A393
- 849C8F
- 83958B
- 828E88
- 818784
Armonie di colore
Complementare +180°
- 85C7A6
Aqua Eden
- DCA2C5
≈ Pastel Lavender
Analogo -30° +30°
- 85C7A6
Aqua Eden
- A3C28B
≈ Green Herb
- 73C7C4
≈ Cyantific
Triadico +120° +240°
- 85C7A6
Aqua Eden
- ADB0EA
≈ Maximum Blue Purple
- E4A58D
≈ Priceless Coral
Complementare divisa +150° +210°
- 85C7A6
Aqua Eden
- C8A7DD
≈ Tropical Violet
- E5A1A8
≈ Berry Riche
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.95:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.71:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.71:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
CSS
:root {
--aqua-eden: #85c7a6;
--aqua-eden-rgb: 133 199 166;
--aqua-eden-oklch: oklch(0.776 0.083 161.9);
}
.element {
color: var(--aqua-eden);
background-color: hsl(150 37% 65%);
border-color: oklch(0.776 0.083 161.9);
}Tailwind CSS v4
@theme {
--color-aqua-eden: #85c7a6;
--color-aqua-eden-50: #e1fdef;
--color-aqua-eden-100: #d0f1e0;
--color-aqua-eden-200: #b5e0cb;
--color-aqua-eden-300: #90c5ac;
--color-aqua-eden-400: #70ae8f;
--color-aqua-eden-500: #4e9775;
--color-aqua-eden-600: #438063;
--color-aqua-eden-700: #35664f;
--color-aqua-eden-800: #274b38;
--color-aqua-eden-900: #1a3427;
--color-aqua-eden-950: #0a2015;
}SCSS
$aqua-eden: #85c7a6;
$aqua-eden-rgb: 133, 199, 166;
$aqua-eden-light: mix(#fff, $aqua-eden, 20%);
$aqua-eden-dark: mix(#000, $aqua-eden, 20%);
.element {
color: $aqua-eden;
box-shadow: 0 0 0 2px rgba($aqua-eden, 0.35);
}