Cor nomeada mais próxima · #91E5CF
#91E5CF
Cor nomeada mais próxima: Sea Foam
#91E5CF (rgb(145 229 207), hsl(164 62% 73%), oklch(0.862 0.088 175.7)) é mais próxima da cor nomeada Sea Foam. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#91E5CF
oklch(0.862 0.088 175.7)
Conversões de cor
- HEX
- #91e5cf
- RGB
- rgb(145 229 207)
- HSL
- hsl(164 62% 73%)
- HWB
- hwb(164 57% 10%)
- OKLCH
- oklch(0.862 0.088 175.7)
- OKLab
- oklab(0.862 -0.088 0.007)
- CIE Lab
- lab(85.13 -30.34 2.27)
- LCH
- lch(85.13 30.43 175.7)
- CMYK
- cmyk(37% 0% 10% 10%)
Tons claros · Sombras · Tons
Tons claros
- 9DE8D4
- A9EAD8
- B5EDDD
- C0F0E2
- CBF2E7
- D5F5EC
- E0F8F0
- EAFAF5
- F5FDFA
Sombras
- 7DC7B4
- 6AAA99
- 588E7F
- 467267
- 35584F
- 253F38
- 152823
- 071210
- 010302
Tons
- 90DBC7
- 90D0BF
- 8FC6B7
- 8DBCAF
- 8CB1A7
- 8AA79F
- 889D97
- 85948F
- 838A88
Harmonias de cor
Complementar +180°
- 91E5CF
Sea Foam
- FFBBD4
≈ Cotton Candy
Análoga -30° +30°
- 91E5CF
Sea Foam
- ADE2AF
≈ Celadon
- 88E3EE
≈ Photon Barrier
Tríade +120° +240°
- 91E5CF
Sea Foam
- D5C8FF
≈ Innocent Snowdrop
- FFC39A
≈ Orange Sherbet
Complementar dividida +150° +210°
- 91E5CF
Sea Foam
- F0BEF1
≈ Lovecloud
- FFBFB9
≈ Melon Water
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASobre preto
WCAG 14.31:1 · APCA Lc 81
Melhor cor de texto: #000000
WCAG 14.31:1 (AAA) · APCA Lc 81
Contrast pairs
Trechos de código
CSS
:root {
--sea-foam: #91e5cf;
--sea-foam-rgb: 145 229 207;
--sea-foam-oklch: oklch(0.862 0.088 175.7);
}
.element {
color: var(--sea-foam);
background-color: hsl(164 62% 73%);
border-color: oklch(0.862 0.088 175.7);
}Tailwind CSS v4
@theme {
--color-sea-foam: #91e5cf;
--color-sea-foam-50: #dcfef5;
--color-sea-foam-100: #caf2e8;
--color-sea-foam-200: #ade1d4;
--color-sea-foam-300: #85c7b7;
--color-sea-foam-400: #61b09c;
--color-sea-foam-500: #379984;
--color-sea-foam-600: #31816f;
--color-sea-foam-700: #276859;
--color-sea-foam-800: #1b4c40;
--color-sea-foam-900: #12352c;
--color-sea-foam-950: #042019;
}SCSS
$sea-foam: #91e5cf;
$sea-foam-rgb: 145, 229, 207;
$sea-foam-light: mix(#fff, $sea-foam, 20%);
$sea-foam-dark: mix(#000, $sea-foam, 20%);
.element {
color: $sea-foam;
box-shadow: 0 0 0 2px rgba($sea-foam, 0.35);
}