Cor nomeada · #85CED1
Aqua Splash
Aqua Splash é #85CED1: rgb(133 206 209), hsl(182 45% 67%), oklch(0.805 0.073 199.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Aqua Splash color name →
#85CED1
oklch(0.805 0.073 199.1)
Conversões de cor
- HEX
- #85ced1
- RGB
- rgb(133 206 209)
- HSL
- hsl(182 45% 67%)
- HWB
- hwb(182 52% 18%)
- OKLCH
- oklch(0.805 0.073 199.1)
- OKLab
- oklab(0.805 -0.069 -0.024)
- CIE Lab
- lab(78.07 -23.12 -9.12)
- LCH
- lch(78.07 24.85 201.5)
- CMYK
- cmyk(36% 1% 0% 18%)
Tons claros · Sombras · Tons
Tons claros
- 92D3D6
- 9FD8DA
- ABDDDF
- B8E2E3
- C4E7E8
- D0ECEC
- DCF0F1
- E8F5F6
- F3FAFA
Sombras
- 73B3B5
- 61989B
- 507F81
- 406668
- 304E50
- 213839
- 132323
- 060F10
- 010202
Tons
- 86C6C9
- 86BEC0
- 86B6B8
- 86AEB0
- 85A6A8
- 859FA0
- 849798
- 838F90
- 818888
Harmonias de cor
Complementar +180°
- 85CED1
Aqua Splash
- EBADAD
≈ Shaded Primrose
Análoga -30° +30°
- 85CED1
Aqua Splash
- 90CFB7
≈ Mint Ice Cream
- 8DC9E5
≈ Gossamer Threads
Tríade +120° +240°
- 85CED1
Aqua Splash
- D4B1DD
≈ Whisper of Plum
- D9BA8A
≈ Splash of Honey
Complementar dividida +150° +210°
- 85CED1
Aqua Splash
- E4ADC7
≈ Roseate Spoonbill
- E7B296
≈ Pretty Rascal
Tétrade +90° +180° +270°
- 85CED1
Aqua Splash
- BDB8EC
≈ Purple Illusion
- EBADAD
≈ Shaded Primrose
- C2C48D
≈ Yerba Mate
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASobre preto
WCAG 11.74:1 · APCA Lc 70
Melhor cor de texto: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
Trechos de código
CSS
:root {
--aqua-splash: #85ced1;
--aqua-splash-rgb: 133 206 209;
--aqua-splash-oklch: oklch(0.805 0.073 199.1);
}
.element {
color: var(--aqua-splash);
background-color: hsl(182 45% 67%);
border-color: oklch(0.805 0.073 199.1);
}Tailwind CSS v4
@theme {
--color-aqua-splash: #85ced1;
--color-aqua-splash-50: #defcfe;
--color-aqua-splash-100: #cdf0f2;
--color-aqua-splash-200: #b1dee1;
--color-aqua-splash-300: #8bc3c7;
--color-aqua-splash-400: #68acaf;
--color-aqua-splash-500: #429598;
--color-aqua-splash-600: #397e81;
--color-aqua-splash-700: #2d6567;
--color-aqua-splash-800: #1f4a4b;
--color-aqua-splash-900: #153334;
--color-aqua-splash-950: #061f20;
}SCSS
$aqua-splash: #85ced1;
$aqua-splash-rgb: 133, 206, 209;
$aqua-splash-light: mix(#fff, $aqua-splash, 20%);
$aqua-splash-dark: mix(#000, $aqua-splash, 20%);
.element {
color: $aqua-splash;
box-shadow: 0 0 0 2px rgba($aqua-splash, 0.35);
}