Couleur nommée la plus proche · #81C0CB
#81C0CB
Couleur nommée la plus proche: Wavelet
#81C0CB (rgb(129 192 203), hsl(189 42% 65%), oklch(0.769 0.066 209.6)) est la plus proche de la couleur nommée Wavelet. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#81C0CB
oklch(0.769 0.066 209.6)
Conversions de couleur
- HEX
- #81c0cb
- RGB
- rgb(129 192 203)
- HSL
- hsl(189 42% 65%)
- HWB
- hwb(189 51% 20%)
- OKLCH
- oklch(0.769 0.066 209.6)
- OKLab
- oklab(0.769 -0.057 -0.033)
- CIE Lab
- lab(73.74 -18.87 -12.32)
- LCH
- lch(73.74 22.54 213.1)
- CMYK
- cmyk(36% 5% 0% 20%)
Teintes · Ombres · Tons
Teintes
- 8EC6D0
- 9BCDD5
- A8D3DB
- B4D9E0
- C1DFE5
- CDE6EA
- DAECEF
- E6F2F5
- F3F9FA
Ombres
- 6FA7B0
- 5E8E96
- 4E767D
- 3E5F65
- 2E494D
- 1F3437
- 122022
- 060E0F
- 010202
Tons
- 82B9C3
- 82B3BC
- 83ADB4
- 83A6AC
- 83A0A5
- 83999D
- 829396
- 828D8F
- 818687
Harmonies de couleurs
Complémentaire +180°
- 81C0CB
Wavelet
- DBA59B
≈ Quiet Pink
Analogue -30° +30°
- 81C0CB
Wavelet
- 85C2B5
≈ Seaborn
- 8DBADA
≈ Frozen Whisper
Triadique +120° +240°
- 81C0CB
Wavelet
- CDA5C8
≈ Geranium Bud
- C4B384
≈ Desert Floor
Complémentaire divisée +150° +210°
- 81C0CB
Wavelet
- D8A3B2
≈ Lili Elbe’s Pink
- D4AA8A
≈ Autumn Air
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.03:1 · APCA Lc 39
Ag
AAASur noir
WCAG 10.33:1 · APCA Lc 63
Meilleure couleur de texte: #000000
WCAG 10.33:1 (AAA) · APCA Lc 63
Contrast pairs
Extraits de code
CSS
:root {
--wavelet: #81c0cb;
--wavelet-rgb: 129 192 203;
--wavelet-oklch: oklch(0.769 0.066 209.6);
}
.element {
color: var(--wavelet);
background-color: hsl(189 42% 65%);
border-color: oklch(0.769 0.066 209.6);
}Tailwind CSS v4
@theme {
--color-wavelet: #81c0cb;
--color-wavelet-50: #e1fbff;
--color-wavelet-100: #d0eef5;
--color-wavelet-200: #b5dce5;
--color-wavelet-300: #90c1cb;
--color-wavelet-400: #6faab4;
--color-wavelet-500: #4c929e;
--color-wavelet-600: #417c86;
--color-wavelet-700: #34636b;
--color-wavelet-800: #24494e;
--color-wavelet-900: #183336;
--color-wavelet-950: #081e21;
}SCSS
$wavelet: #81c0cb;
$wavelet-rgb: 129, 192, 203;
$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);
}