Couleur nommée la plus proche · #66B2CB
#66B2CB
Couleur nommée la plus proche: Blue Martini
#66B2CB (rgb(102 178 203), hsl(195 49% 60%), oklch(0.724 0.084 221.4)) est la plus proche de la couleur nommée Blue Martini. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#66B2CB
oklch(0.724 0.084 221.4)
Conversions de couleur
- HEX
- #66b2cb
- RGB
- rgb(102 178 203)
- HSL
- hsl(195 49% 60%)
- HWB
- hwb(195 40% 20%)
- OKLCH
- oklch(0.724 0.084 221.4)
- OKLab
- oklab(0.724 -0.063 -0.055)
- CIE Lab
- lab(68.38 -19.42 -20.48)
- LCH
- lch(68.38 28.22 226.5)
- CMYK
- cmyk(50% 12% 0% 20%)
Teintes · Ombres · Tons
Teintes
- 77BAD0
- 87C1D6
- 96C9DB
- A6D1E0
- B5D8E5
- C4E0EA
- D2E8F0
- E1F0F5
- F0F7FA
Ombres
- 589AB0
- 4A8396
- 3C6D7D
- 2F5765
- 23434D
- 172F37
- 0C1D22
- 040C0F
- 000102
Tons
- 6AADC3
- 6EA8BC
- 71A3B4
- 749EAD
- 7799A5
- 79949E
- 7B8F96
- 7D8A8F
- 7F8587
Harmonies de couleurs
Complémentaire +180°
- 66B2CB
Blue Martini
- D3947D
≈ Tropical Blooms
Analogue -30° +30°
- 66B2CB
Blue Martini
- 61B7B3
≈ Veranda Blue
- 7FAAD9
≈ High Seas
Triadique +120° +240°
- 66B2CB
Blue Martini
- CA91B5
≈ Bossy-Pants Pink
- B1A869
≈ Natchez Moss
Complémentaire divisée +150° +210°
- 66B2CB
Blue Martini
- D49098
≈ Rosetti
- C79D6A
≈ Amber Autumn
Tétradique +90° +180° +270°
- 66B2CB
Blue Martini
- B797CD
≈ Amethyst Show
- D3947D
≈ Tropical Blooms
- 93B17A
≈ Watercolour Green
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.38:1 · APCA Lc 47
Ag
AAASur noir
WCAG 8.79:1 · APCA Lc 55
Meilleure couleur de texte: #000000
WCAG 8.79:1 (AAA) · APCA Lc 55
Contrast pairs
Extraits de code
CSS
:root {
--blue-martini: #66b2cb;
--blue-martini-rgb: 102 178 203;
--blue-martini-oklch: oklch(0.724 0.084 221.4);
}
.element {
color: var(--blue-martini);
background-color: hsl(195 49% 60%);
border-color: oklch(0.724 0.084 221.4);
}Tailwind CSS v4
@theme {
--color-blue-martini: #66b2cb;
--color-blue-martini-50: #ddfbff;
--color-blue-martini-100: #cbeffd;
--color-blue-martini-200: #aeddef;
--color-blue-martini-300: #88c1d7;
--color-blue-martini-400: #63aac1;
--color-blue-martini-500: #3a93ad;
--color-blue-martini-600: #337c92;
--color-blue-martini-700: #296375;
--color-blue-martini-800: #1b4956;
--color-blue-martini-900: #12333c;
--color-blue-martini-950: #041e26;
}SCSS
$blue-martini: #66b2cb;
$blue-martini-rgb: 102, 178, 203;
$blue-martini-light: mix(#fff, $blue-martini, 20%);
$blue-martini-dark: mix(#000, $blue-martini, 20%);
.element {
color: $blue-martini;
box-shadow: 0 0 0 2px rgba($blue-martini, 0.35);
}