Cor nomeada mais próxima · #75E0C6
#75E0C6
Cor nomeada mais próxima: Sea Foam
#75E0C6 (rgb(117 224 198), hsl(165 63% 67%), oklch(0.835 0.107 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.
#75E0C6
oklch(0.835 0.107 175.7)
Conversões de cor
- HEX
- #75e0c6
- RGB
- rgb(117 224 198)
- HSL
- hsl(165 63% 67%)
- HWB
- hwb(165 46% 12%)
- OKLCH
- oklch(0.835 0.107 175.7)
- OKLab
- oklab(0.835 -0.107 0.008)
- CIE Lab
- lab(82.28 -37.11 2.71)
- LCH
- lch(82.28 37.21 175.8)
- CMYK
- cmyk(48% 0% 12% 12%)
Tons claros · Sombras · Tons
Tons claros
- 86E3CC
- 95E7D1
- A4EAD7
- B2EDDC
- BFF0E2
- CDF3E8
- D9F6EE
- E6F9F3
- F3FCF9
Sombras
- 65C3AC
- 55A692
- 468A7A
- 377062
- 29564B
- 1C3E35
- 0F2721
- 05120E
- 010202
Tons
- 79D6BF
- 7BCCB8
- 7EC3B0
- 7FB9A9
- 81AFA2
- 81A69B
- 819C94
- 81938E
- 818987
Harmonias de cor
Complementar +180°
- 75E0C6
Sea Foam
- FFADCB
≈ Heartfelt
Análoga -30° +30°
- 75E0C6
Sea Foam
- 9CDC9F
≈ Retro
- 68DDEB
≈ Turquoise Sea
Tríade +120° +240°
- 75E0C6
Sea Foam
- CEBDFF
≈ Lavender Tonic
- FFB784
≈ Savannah Sun
Complementar dividida +150° +210°
- 75E0C6
Sea Foam
- EDB1EF
≈ Candy Dreams
- FFB2AB
≈ Peach Bud
Tétrade +90° +180° +270°
- 75E0C6
Sea Foam
- B0C9FF
≈ Night Snow
- FFADCB
≈ Heartfelt
- E8C475
≈ Golden Thread
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.58:1 · APCA Lc 26
Ag
AAASobre preto
WCAG 13.23:1 · APCA Lc 77
Melhor cor de texto: #000000
WCAG 13.23:1 (AAA) · APCA Lc 77
Contrast pairs
Trechos de código
CSS
:root {
--sea-foam: #75e0c6;
--sea-foam-rgb: 117 224 198;
--sea-foam-oklch: oklch(0.835 0.107 175.7);
}
.element {
color: var(--sea-foam);
background-color: hsl(165 63% 67%);
border-color: oklch(0.835 0.107 175.7);
}Tailwind CSS v4
@theme {
--color-sea-foam: #75e0c6;
--color-sea-foam-50: #d6fff5;
--color-sea-foam-100: #c3f4e8;
--color-sea-foam-200: #a3e4d4;
--color-sea-foam-300: #77cab7;
--color-sea-foam-400: #4db39c;
--color-sea-foam-500: #009d83;
--color-sea-foam-600: #08846f;
--color-sea-foam-700: #096a59;
--color-sea-foam-800: #074e3f;
--color-sea-foam-900: #06362c;
--color-sea-foam-950: #002119;
}SCSS
$sea-foam: #75e0c6;
$sea-foam-rgb: 117, 224, 198;
$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);
}