Cor nomeada · #577E88
La Pineta
La Pineta é #577E88: rgb(87 126 136), hsl(192 22% 44%), oklch(0.568 0.046 215.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · La Pineta color name →
#577E88
oklch(0.568 0.046 215.5)
Conversões de cor
- HEX
- #577e88
- RGB
- rgb(87 126 136)
- HSL
- hsl(192 22% 44%)
- HWB
- hwb(192 34% 47%)
- OKLCH
- oklch(0.568 0.046 215.5)
- OKLab
- oklab(0.568 -0.038 -0.027)
- CIE Lab
- lab(50.18 -12.15 -10.05)
- LCH
- lch(50.18 15.77 219.6)
- CMYK
- cmyk(36% 7% 0% 47%)
Tons claros · Sombras · Tons
Tons claros
- 678A93
- 77979F
- 88A3AA
- 98B0B6
- A9BDC2
- BACACE
- CBD7DA
- DCE4E6
- EDF1F3
Sombras
- 4B6D75
- 3E5C63
- 334C52
- 273C41
- 1C2D31
- 121F22
- 081113
- 030506
- 000101
Tons
- 5C7E87
- 607F86
- 647F86
- 687F85
- 6D7F84
- 717F83
- 758083
- 788082
- 7C8081
Harmonias de cor
Complementar +180°
- 577E88
La Pineta
- 906D64
≈ Eclectic Plum
Análoga -30° +30°
- 577E88
La Pineta
- 57807A
≈ Hanging Moss
- 607A91
≈ Provincial Blue
Tríade +120° +240°
- 577E88
La Pineta
- 896D81
≈ Raw Garnet Viola
- 7F7758
≈ Private Affair
Complementar dividida +150° +210°
- 577E88
La Pineta
- 8F6C73
≈ Dull Dusky Pink
- 8A725A
≈ Sweet Georgia Brown
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.42:1 · APCA Lc 71
Ag
AASobre preto
WCAG 4.74:1 · APCA Lc 31
Melhor cor de texto: #000000
WCAG 4.74:1 (AA) · APCA Lc 31
Contrast pairs
Trechos de código
CSS
:root {
--la-pineta: #577e88;
--la-pineta-rgb: 87 126 136;
--la-pineta-oklch: oklch(0.568 0.046 215.5);
}
.element {
color: var(--la-pineta);
background-color: hsl(192 22% 44%);
border-color: oklch(0.568 0.046 215.5);
}Tailwind CSS v4
@theme {
--color-la-pineta: #577e88;
--color-la-pineta-50: #e7f9fe;
--color-la-pineta-100: #d8ecf2;
--color-la-pineta-200: #bfdae1;
--color-la-pineta-300: #9ebec7;
--color-la-pineta-400: #80a6b0;
--color-la-pineta-500: #628e9a;
--color-la-pineta-600: #547882;
--color-la-pineta-700: #436068;
--color-la-pineta-800: #30474c;
--color-la-pineta-900: #203135;
--color-la-pineta-950: #101d20;
}SCSS
$la-pineta: #577e88;
$la-pineta-rgb: 87, 126, 136;
$la-pineta-light: mix(#fff, $la-pineta, 20%);
$la-pineta-dark: mix(#000, $la-pineta, 20%);
.element {
color: $la-pineta;
box-shadow: 0 0 0 2px rgba($la-pineta, 0.35);
}