Cor nomeada · #536A79
Turbulent Sea
Turbulent Sea é #536A79: rgb(83 106 121), hsl(204 19% 40%), oklch(0.511 0.036 237). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Turbulent Sea color name →
#536A79
oklch(0.511 0.036 237)
Conversões de cor
- HEX
- #536a79
- RGB
- rgb(83 106 121)
- HSL
- hsl(204 19% 40%)
- HWB
- hwb(204 33% 53%)
- OKLCH
- oklch(0.511 0.036 237)
- OKLab
- oklab(0.511 -0.02 -0.03)
- CIE Lab
- lab(43.38 -5.93 -11.35)
- LCH
- lch(43.38 12.8 242.4)
- CMYK
- cmyk(31% 12% 0% 53%)
Tons claros · Sombras · Tons
Tons claros
- 637886
- 738692
- 84949F
- 94A3AD
- A5B2BA
- B7C1C7
- C9D0D5
- DAE0E3
- EDEFF1
Sombras
- 475B68
- 3B4D58
- 303F48
- 253139
- 1B242B
- 11181D
- 080D10
- 020405
- 000001
Tons
- 586C7A
- 5C6E7B
- 61717B
- 65737C
- 6A757D
- 6E777D
- 73797E
- 777C7F
- 7C7E7F
Harmonias de cor
Complementar +180°
- 536A79
Turbulent Sea
- 776252
≈ Traditional
Análoga -30° +30°
- 536A79
Turbulent Sea
- 4E6D71
≈ Sequoia Lake
- 5D667C
≈ Dana
Tríade +120° +240°
- 536A79
Turbulent Sea
- 785E67
≈ Pretty Puce
- 656952
≈ Yew Hedge
Complementar dividida +150° +210°
- 536A79
Turbulent Sea
- 7A5F5B
≈ Bateau Brown
- 6F654F
≈ Adventurer
Tétrade +90° +180° +270°
- 536A79
Turbulent Sea
- 725F72
≈ Banished Brown
- 776252
≈ Traditional
- 596C5B
≈ Terrarium
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.66:1 · APCA Lc 78
Ag
FailSobre preto
WCAG 3.70:1 · APCA Lc 23
Melhor cor de texto: #FFFFFF
WCAG 5.66:1 (AA) · APCA Lc 78
Contrast pairs
Trechos de código
CSS
:root {
--turbulent-sea: #536a79;
--turbulent-sea-rgb: 83 106 121;
--turbulent-sea-oklch: oklch(0.511 0.036 237);
}
.element {
color: var(--turbulent-sea);
background-color: hsl(204 19% 40%);
border-color: oklch(0.511 0.036 237);
}Tailwind CSS v4
@theme {
--color-turbulent-sea: #536a79;
--color-turbulent-sea-50: #ecf7ff;
--color-turbulent-sea-100: #ddeaf3;
--color-turbulent-sea-200: #c7d7e2;
--color-turbulent-sea-300: #a7bac8;
--color-turbulent-sea-400: #8ba2b2;
--color-turbulent-sea-500: #708a9c;
--color-turbulent-sea-600: #5f7584;
--color-turbulent-sea-700: #4c5e69;
--color-turbulent-sea-800: #36454d;
--color-turbulent-sea-900: #252f36;
--color-turbulent-sea-950: #141c21;
}SCSS
$turbulent-sea: #536a79;
$turbulent-sea-rgb: 83, 106, 121;
$turbulent-sea-light: mix(#fff, $turbulent-sea, 20%);
$turbulent-sea-dark: mix(#000, $turbulent-sea, 20%);
.element {
color: $turbulent-sea;
box-shadow: 0 0 0 2px rgba($turbulent-sea, 0.35);
}