Cor nomeada mais próxima · #67A4AD
#67A4AD
Cor nomeada mais próxima: Seaside
#67A4AD (rgb(103 164 173), hsl(188 30% 54%), oklch(0.681 0.064 207.6)) é mais próxima da cor nomeada Seaside. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#67A4AD
oklch(0.681 0.064 207.6)
Conversões de cor
- HEX
- #67a4ad
- RGB
- rgb(103 164 173)
- HSL
- hsl(188 30% 54%)
- HWB
- hwb(188 40% 32%)
- OKLCH
- oklch(0.681 0.064 207.6)
- OKLab
- oklab(0.681 -0.057 -0.03)
- CIE Lab
- lab(63.48 -18.77 -11.26)
- LCH
- lch(63.48 21.89 211)
- CMYK
- cmyk(40% 5% 0% 32%)
Tons claros · Sombras · Tons
Tons claros
- 77ADB5
- 86B6BD
- 95BFC5
- A4C8CD
- B3D1D5
- C2DADE
- D2E3E6
- E1ECEE
- F0F6F7
Sombras
- 598E96
- 4B797F
- 3D646A
- 305055
- 233D41
- 172B2D
- 0C1A1B
- 040A0B
- 000101
Tons
- 6BA0A8
- 6E9DA4
- 71999F
- 74969B
- 769296
- 788E92
- 7B8B8D
- 7D8789
- 7E8484
Harmonias de cor
Complementar +180°
- 67A4AD
Seaside
- BD8A83
≈ Smoky Pink
Análoga -30° +30°
- 67A4AD
Seaside
- 6CA698
≈ Harmony in Green
- 729FBC
≈ Crisp French Blue
Tríade +120° +240°
- 67A4AD
Seaside
- AF8BAD
≈ Voila!
- A9976A
≈ Village Crier
Complementar dividida +150° +210°
- 67A4AD
Seaside
- BA8898
≈ Mauvey Nude
- B78F71
≈ Maple
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.49:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--seaside: #67a4ad;
--seaside-rgb: 103 164 173;
--seaside-oklch: oklch(0.681 0.064 207.6);
}
.element {
color: var(--seaside);
background-color: hsl(188 30% 54%);
border-color: oklch(0.681 0.064 207.6);
}Tailwind CSS v4
@theme {
--color-seaside: #67a4ad;
--color-seaside-50: #e1fbff;
--color-seaside-100: #d0eef4;
--color-seaside-200: #b5dce3;
--color-seaside-300: #91c1c9;
--color-seaside-400: #70aab2;
--color-seaside-500: #4e929c;
--color-seaside-600: #437c84;
--color-seaside-700: #35636a;
--color-seaside-800: #25494d;
--color-seaside-900: #193336;
--color-seaside-950: #091e21;
}SCSS
$seaside: #67a4ad;
$seaside-rgb: 103, 164, 173;
$seaside-light: mix(#fff, $seaside, 20%);
$seaside-dark: mix(#000, $seaside, 20%);
.element {
color: $seaside;
box-shadow: 0 0 0 2px rgba($seaside, 0.35);
}