Cor nomeada mais próxima · #52A4CD
#52A4CD
Cor nomeada mais próxima: Cousteau
#52A4CD (rgb(82 164 205), hsl(200 55% 56%), oklch(0.684 0.1 232.6)) é mais próxima da cor nomeada Cousteau. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#52A4CD
oklch(0.684 0.1 232.6)
Conversões de cor
- HEX
- #52a4cd
- RGB
- rgb(82 164 205)
- HSL
- hsl(200 55% 56%)
- HWB
- hwb(200 32% 20%)
- OKLCH
- oklch(0.684 0.1 232.6)
- OKLab
- oklab(0.684 -0.061 -0.079)
- CIE Lab
- lab(63.5 -16.74 -29.09)
- LCH
- lch(63.5 33.56 240.1)
- CMYK
- cmyk(60% 20% 0% 20%)
Tons claros · Sombras · Tons
Tons claros
- 66ADD2
- 78B6D8
- 89BFDD
- 9BC8E2
- ABD2E7
- BCDBEC
- CDE4F1
- DEEDF5
- EEF6FA
Sombras
- 468EB2
- 3B7998
- 2F647E
- 255066
- 1A3D4E
- 112B38
- 081A23
- 020A0F
- 000102
Tons
- 59A1C5
- 5F9DBE
- 659AB6
- 6A96AE
- 6E93A6
- 728F9F
- 768B97
- 7A888F
- 7D8488
Harmonias de cor
Complementar +180°
- 52A4CD
Cousteau
- CA885D
≈ Wheatberry
Análoga -30° +30°
- 52A4CD
Cousteau
- 3AACB4
≈ Tempo
- 7899D8
≈ Ice Blue
Tríade +120° +240°
- 52A4CD
Cousteau
- C97F9F
≈ Wild Rose
- 9AA054
≈ Sweet Pea
Complementar dividida +150° +210°
- 52A4CD
Cousteau
- D0807D
≈ Raspberry Ripple
- B8934C
≈ Alluvial Inca
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.78:1 · APCA Lc 53
Ag
AAASobre preto
WCAG 7.55:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.55:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--cousteau: #52a4cd;
--cousteau-rgb: 82 164 205;
--cousteau-oklch: oklch(0.684 0.1 232.6);
}
.element {
color: var(--cousteau);
background-color: hsl(200 55% 56%);
border-color: oklch(0.684 0.1 232.6);
}Tailwind CSS v4
@theme {
--color-cousteau: #52a4cd;
--color-cousteau-50: #dafbff;
--color-cousteau-100: #c8eeff;
--color-cousteau-200: #abdcf9;
--color-cousteau-300: #84c0e3;
--color-cousteau-400: #5ca9d0;
--color-cousteau-500: #3091bd;
--color-cousteau-600: #2b7ba0;
--color-cousteau-700: #226280;
--color-cousteau-800: #15485e;
--color-cousteau-900: #0d3242;
--color-cousteau-950: #011e2b;
}SCSS
$cousteau: #52a4cd;
$cousteau-rgb: 82, 164, 205;
$cousteau-light: mix(#fff, $cousteau, 20%);
$cousteau-dark: mix(#000, $cousteau, 20%);
.element {
color: $cousteau;
box-shadow: 0 0 0 2px rgba($cousteau, 0.35);
}