Cor nomeada · #32545E
Cold Sea Currents
Cold Sea Currents é #32545E: rgb(50 84 94), hsl(194 31% 28%), oklch(0.424 0.043 218.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Cold Sea Currents color name →
#32545E
oklch(0.424 0.043 218.5)
Conversões de cor
- HEX
- #32545e
- RGB
- rgb(50 84 94)
- HSL
- hsl(194 31% 28%)
- HWB
- hwb(194 20% 63%)
- OKLCH
- oklch(0.424 0.043 218.5)
- OKLab
- oklab(0.424 -0.033 -0.027)
- CIE Lab
- lab(33.44 -10.61 -9.95)
- LCH
- lch(33.44 14.54 223.2)
- CMYK
- cmyk(47% 11% 0% 63%)
Tons claros · Sombras · Tons
Tons claros
- 45646D
- 58747C
- 6C848B
- 80959B
- 94A6AB
- A9B7BB
- BEC9CC
- D3DADD
- E9EDEE
Sombras
- 2A4851
- 223C44
- 1B3137
- 14262B
- 0D1B1F
- 071114
- 03080A
- 010203
- 000000
Tons
- 3A5861
- 425D65
- 4A6168
- 52656C
- 596A6F
- 616E72
- 697376
- 717779
- 787C7D
Harmonias de cor
Complementar +180°
- 32545E
Cold Sea Currents
- 63463D
≈ Rocky Road
Análoga -30° +30°
- 32545E
Cold Sea Currents
- 315653
≈ Hidden Depths
- 3C5065
≈ Inked
Tríade +120° +240°
- 32545E
Cold Sea Currents
- 5E4556
≈ Plummy Rouge
- 544F33
≈ Thatch Green
Complementar dividida +150° +210°
- 32545E
Cold Sea Currents
- 634549
≈ Plum Intended
- 5E4A34
≈ Beauty Spot
Tétrade +90° +180° +270°
- 32545E
Cold Sea Currents
- 554860
≈ Soul Train
- 63463D
≈ Rocky Road
- 47533A
≈ Green Shade Wash
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 8.18:1 · APCA Lc 88
Ag
FailSobre preto
WCAG 2.56:1 · APCA Lc 14
Melhor cor de texto: #FFFFFF
WCAG 8.18:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
CSS
:root {
--cold-sea-currents: #32545e;
--cold-sea-currents-rgb: 50 84 94;
--cold-sea-currents-oklch: oklch(0.424 0.043 218.5);
}
.element {
color: var(--cold-sea-currents);
background-color: hsl(194 31% 28%);
border-color: oklch(0.424 0.043 218.5);
}Tailwind CSS v4
@theme {
--color-cold-sea-currents: #32545e;
--color-cold-sea-currents-50: #e9f8fe;
--color-cold-sea-currents-100: #d9ecf2;
--color-cold-sea-currents-200: #c1d9e1;
--color-cold-sea-currents-300: #a0bdc7;
--color-cold-sea-currents-400: #83a5b0;
--color-cold-sea-currents-500: #668d99;
--color-cold-sea-currents-600: #577882;
--color-cold-sea-currents-700: #456068;
--color-cold-sea-currents-800: #31464c;
--color-cold-sea-currents-900: #223135;
--color-cold-sea-currents-950: #111d20;
}SCSS
$cold-sea-currents: #32545e;
$cold-sea-currents-rgb: 50, 84, 94;
$cold-sea-currents-light: mix(#fff, $cold-sea-currents, 20%);
$cold-sea-currents-dark: mix(#000, $cold-sea-currents, 20%);
.element {
color: $cold-sea-currents;
box-shadow: 0 0 0 2px rgba($cold-sea-currents, 0.35);
}