Colore con nome · #9DD5C8
Aqua Glow
Aqua Glow è #9DD5C8: rgb(157 213 200), hsl(166 40% 73%), oklch(0.831 0.061 178.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Aqua Glow color name →
#9DD5C8
oklch(0.831 0.061 178.8)
Conversioni di colore
- HEX
- #9dd5c8
- RGB
- rgb(157 213 200)
- HSL
- hsl(166 40% 73%)
- HWB
- hwb(166 62% 16%)
- OKLCH
- oklch(0.831 0.061 178.8)
- OKLab
- oklab(0.831 -0.06 0.001)
- CIE Lab
- lab(81.13 -20.77 0.3)
- LCH
- lch(81.13 20.77 179.2)
- CMYK
- cmyk(26% 0% 6% 16%)
Tinte · Ombre · Toni
Tinte
- A7D9CD
- B1DDD3
- BBE2D8
- C5E6DE
- CFEAE3
- D8EEE9
- E2F2EE
- ECF7F4
- F5FBF9
Ombre
- 88B9AE
- 739E94
- 5F837B
- 4C6A63
- 3A514C
- 283A36
- 182421
- 09100F
- 010202
Toni
- 9BCCC1
- 98C3B9
- 95BBB2
- 93B2AB
- 90AAA3
- 8DA19C
- 8A9995
- 87908E
- 838887
Armonie di colore
Complementare +180°
- 9DD5C8
Aqua Glow
- EAB8C7
≈ Chantilly
Analogo -30° +30°
- 9DD5C8
Aqua Glow
- ADD3B2
≈ Coral Springs
- 99D3DD
≈ Tourmaline Water Blue
Triadico +120° +240°
- 9DD5C8
Aqua Glow
- CCC0EA
≈ Violet Gems
- E6BFA1
≈ Fabulous Fawn
Complementare divisa +150° +210°
- 9DD5C8
Aqua Glow
- DEBADB
≈ Romantic Morning
- ECB9B1
≈ Magnolia Pink
Tetradico +90° +180° +270°
- 9DD5C8
Aqua Glow
- B7C7F0
≈ Canterbury Bells
- EAB8C7
≈ Chantilly
- D7C69B
≈ Parsnip
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.64:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.78:1 · APCA Lc 74
Miglior colore del testo: #000000
WCAG 12.78:1 (AAA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--aqua-glow: #9dd5c8;
--aqua-glow-rgb: 157 213 200;
--aqua-glow-oklch: oklch(0.831 0.061 178.8);
}
.element {
color: var(--aqua-glow);
background-color: hsl(166 40% 73%);
border-color: oklch(0.831 0.061 178.8);
}Tailwind CSS v4
@theme {
--color-aqua-glow: #9dd5c8;
--color-aqua-glow-50: #e3fbf6;
--color-aqua-glow-100: #d3efe9;
--color-aqua-glow-200: #b9ddd5;
--color-aqua-glow-300: #96c2b9;
--color-aqua-glow-400: #77ab9f;
--color-aqua-glow-500: #579487;
--color-aqua-glow-600: #4a7d72;
--color-aqua-glow-700: #3b645b;
--color-aqua-glow-800: #2a4942;
--color-aqua-glow-900: #1d332d;
--color-aqua-glow-950: #0c1f1a;
}SCSS
$aqua-glow: #9dd5c8;
$aqua-glow-rgb: 157, 213, 200;
$aqua-glow-light: mix(#fff, $aqua-glow, 20%);
$aqua-glow-dark: mix(#000, $aqua-glow, 20%);
.element {
color: $aqua-glow;
box-shadow: 0 0 0 2px rgba($aqua-glow, 0.35);
}