Couleur nommée la plus proche · #52A4CD
#52A4CD
Couleur nommée la plus proche: Cousteau
#52A4CD (rgb(82 164 205), hsl(200 55% 56%), oklch(0.684 0.1 232.6)) est la plus proche de la couleur nommée Cousteau. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#52A4CD
oklch(0.684 0.1 232.6)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 66ADD2
- 78B6D8
- 89BFDD
- 9BC8E2
- ABD2E7
- BCDBEC
- CDE4F1
- DEEDF5
- EEF6FA
Ombres
- 468EB2
- 3B7998
- 2F647E
- 255066
- 1A3D4E
- 112B38
- 081A23
- 020A0F
- 000102
Tons
- 59A1C5
- 5F9DBE
- 659AB6
- 6A96AE
- 6E93A6
- 728F9F
- 768B97
- 7A888F
- 7D8488
Harmonies de couleurs
Complémentaire +180°
- 52A4CD
Cousteau
- CA885D
≈ Wheatberry
Analogue -30° +30°
- 52A4CD
Cousteau
- 3AACB4
≈ Tempo
- 7899D8
≈ Ice Blue
Triadique +120° +240°
- 52A4CD
Cousteau
- C97F9F
≈ Wild Rose
- 9AA054
≈ Sweet Pea
Complémentaire divisée +150° +210°
- 52A4CD
Cousteau
- D0807D
≈ Raspberry Ripple
- B8934C
≈ Alluvial Inca
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.78:1 · APCA Lc 53
Ag
AAASur noir
WCAG 7.55:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.55:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
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);
}