Cor nomeada · #AED6D4
Sugar Pool
Sugar Pool é #AED6D4: rgb(174 214 212), hsl(177 33% 76%), oklch(0.847 0.042 192.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Sugar Pool color name →
#AED6D4
oklch(0.847 0.042 192.6)
Conversões de cor
- HEX
- #aed6d4
- RGB
- rgb(174 214 212)
- HSL
- hsl(177 33% 76%)
- HWB
- hwb(177 68% 16%)
- OKLCH
- oklch(0.847 0.042 192.6)
- OKLab
- oklab(0.847 -0.041 -0.009)
- CIE Lab
- lab(82.71 -13.91 -3.6)
- LCH
- lch(82.71 14.37 194.5)
- CMYK
- cmyk(19% 0% 1% 16%)
Tons claros · Sombras · Tons
Tons claros
- B6DAD8
- BEDEDC
- C6E2E1
- CFE6E5
- D7EAE9
- DFEFEE
- E7F3F2
- EFF7F6
- F7FBFB
Sombras
- 97BAB8
- 809E9D
- 6A8483
- 556A69
- 415251
- 2E3B3A
- 1C2524
- 0B1010
- 010202
Tons
- AACDCB
- A5C4C3
- A0BBBA
- 9CB3B1
- 97AAA9
- 93A2A1
- 8E9998
- 899190
- 858888
Harmonias de cor
Complementar +180°
- AED6D4
Sugar Pool
- E7C2C5
≈ Baby’s Booties
Análoga -30° +30°
- AED6D4
Sugar Pool
- B5D6C5
≈ Chlorophyll Cream
- B0D4E1
≈ Foamy Surf
Tríade +120° +240°
- AED6D4
Sugar Pool
- D6C5E1
≈ Simply Lavender
- DEC9AF
≈ Cameo Role
Complementar dividida +150° +210°
- AED6D4
Sugar Pool
- E1C2D4
≈ Blissful
- E6C5B7
≈ Lyman Camellia
Tétrade +90° +180° +270°
- AED6D4
Sugar Pool
- C8CAE8
≈ Ace
- E7C2C5
≈ Baby’s Booties
- D1CEAF
≈ Longbeard Grey
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.57:1 · APCA Lc 26
Ag
AAASobre preto
WCAG 13.36:1 · APCA Lc 77
Melhor cor de texto: #000000
WCAG 13.36:1 (AAA) · APCA Lc 77
Contrast pairs
Trechos de código
CSS
:root {
--sugar-pool: #aed6d4;
--sugar-pool-rgb: 174 214 212;
--sugar-pool-oklch: oklch(0.847 0.042 192.6);
}
.element {
color: var(--sugar-pool);
background-color: hsl(177 33% 76%);
border-color: oklch(0.847 0.042 192.6);
}Tailwind CSS v4
@theme {
--color-sugar-pool: #aed6d4;
--color-sugar-pool-50: #e8f9f9;
--color-sugar-pool-100: #d9edec;
--color-sugar-pool-200: #c1dada;
--color-sugar-pool-300: #9fbfbe;
--color-sugar-pool-400: #82a7a5;
--color-sugar-pool-500: #658f8e;
--color-sugar-pool-600: #567978;
--color-sugar-pool-700: #456160;
--color-sugar-pool-800: #314746;
--color-sugar-pool-900: #213130;
--color-sugar-pool-950: #111d1c;
}SCSS
$sugar-pool: #aed6d4;
$sugar-pool-rgb: 174, 214, 212;
$sugar-pool-light: mix(#fff, $sugar-pool, 20%);
$sugar-pool-dark: mix(#000, $sugar-pool, 20%);
.element {
color: $sugar-pool;
box-shadow: 0 0 0 2px rgba($sugar-pool, 0.35);
}