Colore con nome · #55A9D6
Cousteau
Cousteau è #55A9D6: rgb(85 169 214), hsl(201 61% 59%), oklch(0.701 0.105 234.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Cousteau color name →
#55A9D6
oklch(0.701 0.105 234.4)
Conversioni di colore
- HEX
- #55a9d6
- RGB
- rgb(85 169 214)
- HSL
- hsl(201 61% 59%)
- HWB
- hwb(201 33% 16%)
- OKLCH
- oklch(0.701 0.105 234.4)
- OKLab
- oklab(0.701 -0.061 -0.085)
- CIE Lab
- lab(65.39 -16.35 -31.14)
- LCH
- lch(65.39 35.17 242.3)
- CMYK
- cmyk(60% 21% 0% 16%)
Tinte · Ombre · Toni
Tinte
- 68B2DA
- 7ABADF
- 8CC3E3
- 9DCCE7
- ADD4EB
- BEDDF0
- CEE5F4
- DEEEF7
- EFF6FB
Ombre
- 4992BA
- 3D7C9E
- 316784
- 26536A
- 1C3F52
- 112C3B
- 081B25
- 020A10
- 000102
Toni
- 5CA5CD
- 62A1C5
- 679DBC
- 6C99B3
- 7095AB
- 7491A2
- 778D9A
- 7A8991
- 7D8489
Armonie di colore
Complementare +180°
- 55A9D6
Cousteau
- D18C5D
≈ Grounded
Analogo -30° +30°
- 55A9D6
Cousteau
- 38B1BD
≈ Lago Blue
- 7E9DE0
≈ Portage
Triadico +120° +240°
- 55A9D6
Cousteau
- D283A2
≈ Heirloom Rose
- 9DA656
≈ Springtide Melodies
Complementare divisa +150° +210°
- 55A9D6
Cousteau
- D8847E
≈ Pink Damask
- BD994C
≈ Brown Rum
Tetradico +90° +180° +270°
- 55A9D6
Cousteau
- BF88C3
≈ Dragonflies
- D18C5D
≈ Grounded
- 75B075
≈ Faded Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.61:1 · APCA Lc 51
Ag
AAASu nero
WCAG 8.03:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 8.03:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--cousteau: #55a9d6;
--cousteau-rgb: 85 169 214;
--cousteau-oklch: oklch(0.701 0.105 234.4);
}
.element {
color: var(--cousteau);
background-color: hsl(201 61% 59%);
border-color: oklch(0.701 0.105 234.4);
}Tailwind CSS v4
@theme {
--color-cousteau: #55a9d6;
--color-cousteau-50: #dafbff;
--color-cousteau-100: #c8eeff;
--color-cousteau-200: #aadcfc;
--color-cousteau-300: #82c0e6;
--color-cousteau-400: #5aa8d3;
--color-cousteau-500: #2c90c1;
--color-cousteau-600: #287aa3;
--color-cousteau-700: #206283;
--color-cousteau-800: #124860;
--color-cousteau-900: #0c3244;
--color-cousteau-950: #001e2c;
}SCSS
$cousteau: #55a9d6;
$cousteau-rgb: 85, 169, 214;
$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);
}