Couleur nommée la plus proche · #89C6D2
#89C6D2
Couleur nommée la plus proche: Wavelet
#89C6D2 (rgb(137 198 210), hsl(190 45% 68%), oklch(0.789 0.065 211.2)) est la plus proche de la couleur nommée Wavelet. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#89C6D2
oklch(0.789 0.065 211.2)
Conversions de couleur
- HEX
- #89c6d2
- RGB
- rgb(137 198 210)
- HSL
- hsl(190 45% 68%)
- HWB
- hwb(190 54% 18%)
- OKLCH
- oklch(0.789 0.065 211.2)
- OKLab
- oklab(0.789 -0.055 -0.033)
- CIE Lab
- lab(76.04 -18.09 -12.62)
- LCH
- lch(76.04 22.05 214.9)
- CMYK
- cmyk(35% 6% 0% 18%)
Teintes · Ombres · Tons
Teintes
- 95CCD6
- A1D1DB
- ADD7DF
- B9DDE4
- C5E3E8
- D1E8ED
- DCEEF1
- E8F4F6
- F3F9FA
Ombres
- 76ACB6
- 64929B
- 537A81
- 426268
- 314B50
- 223539
- 142124
- 070E10
- 010202
Tons
- 89BFCA
- 88B8C1
- 88B1B9
- 87AAB0
- 86A3A8
- 859CA0
- 849598
- 838E90
- 828788
Harmonies de couleurs
Complémentaire +180°
- 89C6D2
Wavelet
- E1ACA1
≈ Pale Blush
Analogue -30° +30°
- 89C6D2
Wavelet
- 8CC8BD
≈ Tranquil Teal
- 96C0E0
≈ Blue Magpie
Triadique +120° +240°
- 89C6D2
Wavelet
- D3ACCD
≈ Queenly
- CAB98B
≈ Canvas Satchel
Complémentaire divisée +150° +210°
- 89C6D2
Wavelet
- DFAAB8
≈ Apple Infusion
- D9B190
≈ Blonde Lace
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.89:1 · APCA Lc 36
Ag
AAASur noir
WCAG 11.07:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 11.07:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
CSS
:root {
--wavelet: #89c6d2;
--wavelet-rgb: 137 198 210;
--wavelet-oklch: oklch(0.789 0.065 211.2);
}
.element {
color: var(--wavelet);
background-color: hsl(190 45% 68%);
border-color: oklch(0.789 0.065 211.2);
}Tailwind CSS v4
@theme {
--color-wavelet: #89c6d2;
--color-wavelet-50: #e1faff;
--color-wavelet-100: #d1eef5;
--color-wavelet-200: #b6dce5;
--color-wavelet-300: #92c1cb;
--color-wavelet-400: #70a9b4;
--color-wavelet-500: #4e929f;
--color-wavelet-600: #437b86;
--color-wavelet-700: #35636b;
--color-wavelet-800: #25494e;
--color-wavelet-900: #193237;
--color-wavelet-950: #091e21;
}SCSS
$wavelet: #89c6d2;
$wavelet-rgb: 137, 198, 210;
$wavelet-light: mix(#fff, $wavelet, 20%);
$wavelet-dark: mix(#000, $wavelet, 20%);
.element {
color: $wavelet;
box-shadow: 0 0 0 2px rgba($wavelet, 0.35);
}