Colore con nome più vicino · #52A4CD
#52A4CD
Colore con nome più vicino: Cousteau
#52A4CD (rgb(82 164 205), hsl(200 55% 56%), oklch(0.684 0.1 232.6)) è più vicino al colore con nome Cousteau. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#52A4CD
oklch(0.684 0.1 232.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 66ADD2
- 78B6D8
- 89BFDD
- 9BC8E2
- ABD2E7
- BCDBEC
- CDE4F1
- DEEDF5
- EEF6FA
Ombre
- 468EB2
- 3B7998
- 2F647E
- 255066
- 1A3D4E
- 112B38
- 081A23
- 020A0F
- 000102
Toni
- 59A1C5
- 5F9DBE
- 659AB6
- 6A96AE
- 6E93A6
- 728F9F
- 768B97
- 7A888F
- 7D8488
Armonie di colore
Complementare +180°
- 52A4CD
Cousteau
- CA885D
≈ Wheatberry
Analogo -30° +30°
- 52A4CD
Cousteau
- 3AACB4
≈ Tempo
- 7899D8
≈ Ice Blue
Triadico +120° +240°
- 52A4CD
Cousteau
- C97F9F
≈ Wild Rose
- 9AA054
≈ Sweet Pea
Complementare divisa +150° +210°
- 52A4CD
Cousteau
- D0807D
≈ Raspberry Ripple
- B8934C
≈ Alluvial Inca
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.78:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.55:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.55:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
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);
}