Cor nomeada mais próxima · #4FABB2
#4FABB2
Cor nomeada mais próxima: Thalassa
#4FABB2 (rgb(79 171 178), hsl(184 39% 50%), oklch(0.688 0.087 202.1)) é mais próxima da cor nomeada Thalassa. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#4FABB2
oklch(0.688 0.087 202.1)
Conversões de cor
- HEX
- #4fabb2
- RGB
- rgb(79 171 178)
- HSL
- hsl(184 39% 50%)
- HWB
- hwb(184 31% 30%)
- OKLCH
- oklch(0.688 0.087 202.1)
- OKLab
- oklab(0.688 -0.081 -0.033)
- CIE Lab
- lab(64.67 -26.93 -12.4)
- LCH
- lch(64.67 29.65 204.7)
- CMYK
- cmyk(56% 4% 0% 30%)
Tons claros · Sombras · Tons
Tons claros
- 64B3BA
- 77BCC1
- 89C4C9
- 9ACDD0
- ABD5D8
- BCDDE0
- CDE6E8
- DEEEEF
- EEF7F7
Sombras
- 44949A
- 387E83
- 2E686D
- 235457
- 194043
- 102D2F
- 071B1D
- 020B0C
- 000101
Tons
- 57A7AD
- 5EA3A8
- 649EA3
- 699A9E
- 6E9699
- 729194
- 768D8F
- 7A898A
- 7D8485
Harmonias de cor
Complementar +180°
- 4FABB2
Thalassa
- CC8582
≈ Raspberry Ripple
Análoga -30° +30°
- 4FABB2
Thalassa
- 5CAD95
≈ O’grady Green
- 5FA5C8
≈ Ethereal Blue
Tríade +120° +240°
- 4FABB2
Thalassa
- B589BB
≈ Violet Whimsy
- B69659
≈ Jungle Expedition
Complementar dividida +150° +210°
- 4FABB2
Thalassa
- C584A0
≈ Moonlight Mauve
- C68B68
≈ Copper Hide
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.69:1 · APCA Lc 52
Ag
AAASobre preto
WCAG 7.80:1 · APCA Lc 50
Melhor cor de texto: #000000
WCAG 7.80:1 (AAA) · APCA Lc 50
Contrast pairs
Trechos de código
CSS
:root {
--thalassa: #4fabb2;
--thalassa-rgb: 79 171 178;
--thalassa-oklch: oklch(0.688 0.087 202.1);
}
.element {
color: var(--thalassa);
background-color: hsl(184 39% 50%);
border-color: oklch(0.688 0.087 202.1);
}Tailwind CSS v4
@theme {
--color-thalassa: #4fabb2;
--color-thalassa-50: #d9fdff;
--color-thalassa-100: #c7f1f5;
--color-thalassa-200: #a9e0e5;
--color-thalassa-300: #80c5cc;
--color-thalassa-400: #58aeb5;
--color-thalassa-500: #26979f;
--color-thalassa-600: #248086;
--color-thalassa-700: #1d666c;
--color-thalassa-800: #124b4e;
--color-thalassa-900: #0c3436;
--color-thalassa-950: #002021;
}SCSS
$thalassa: #4fabb2;
$thalassa-rgb: 79, 171, 178;
$thalassa-light: mix(#fff, $thalassa, 20%);
$thalassa-dark: mix(#000, $thalassa, 20%);
.element {
color: $thalassa;
box-shadow: 0 0 0 2px rgba($thalassa, 0.35);
}