Couleur nommée la plus proche · #B9DDDA
#B9DDDA
Couleur nommée la plus proche: Catch the Wave
#B9DDDA (rgb(185 221 218), hsl(175 35% 80%), oklch(0.871 0.038 190.3)) est la plus proche de la couleur nommée Catch the Wave. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B9DDDA
oklch(0.871 0.038 190.3)
Conversions de couleur
- HEX
- #b9ddda
- RGB
- rgb(185 221 218)
- HSL
- hsl(175 35% 80%)
- HWB
- hwb(175 73% 13%)
- OKLCH
- oklch(0.871 0.038 190.3)
- OKLab
- oklab(0.871 -0.037 -0.007)
- CIE Lab
- lab(85.44 -12.7 -2.68)
- LCH
- lch(85.44 12.98 191.9)
- CMYK
- cmyk(16% 0% 1% 13%)
Teintes · Ombres · Tons
Teintes
- C0E0DE
- C7E4E1
- CEE7E5
- D5EBE9
- DCEEEC
- E3F1F0
- EAF5F4
- F1F8F8
- F8FCFB
Ombres
- A0C0BD
- 89A4A2
- 718887
- 5B6E6C
- 465554
- 313D3C
- 1E2625
- 0D1111
- 020202
Tons
- B3D3D1
- AECAC7
- A8C0BE
- A2B7B5
- 9CADAC
- 97A4A3
- 919B9A
- 8B9291
- 868989
Harmonies de couleurs
Complémentaire +180°
- B9DDDA
Catch the Wave
- ECCBCF
≈ Pink Slipper
Analogue -30° +30°
- B9DDDA
Catch the Wave
- C0DDCC
≈ Mirador
- BADBE6
≈ Alpine Alabaster
Triadique +120° +240°
- B9DDDA
Catch the Wave
- DCCEE8
≈ Plum’s the Word
- E5D1BA
≈ Antique Buff
Complémentaire divisée +150° +210°
- B9DDDA
Catch the Wave
- E7CBDC
≈ Vanity Pink
- ECCDC2
≈ Leverkaas
Tétradique +90° +180° +270°
- B9DDDA
Catch the Wave
- CFD2EE
≈ Artistic Violet
- ECCBCF
≈ Pink Slipper
- DAD6B9
≈ New Growth
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.45:1 · APCA Lc 22
Ag
AAASur noir
WCAG 14.41:1 · APCA Lc 82
Meilleure couleur de texte: #000000
WCAG 14.41:1 (AAA) · APCA Lc 82
Contrast pairs
Extraits de code
CSS
:root {
--catch-the-wave: #b9ddda;
--catch-the-wave-rgb: 185 221 218;
--catch-the-wave-oklch: oklch(0.871 0.038 190.3);
}
.element {
color: var(--catch-the-wave);
background-color: hsl(175 35% 80%);
border-color: oklch(0.871 0.038 190.3);
}Tailwind CSS v4
@theme {
--color-catch-the-wave: #b9ddda;
--color-catch-the-wave-50: #eaf9f8;
--color-catch-the-wave-100: #daeceb;
--color-catch-the-wave-200: #c3dad8;
--color-catch-the-wave-300: #a2bebc;
--color-catch-the-wave-400: #85a6a3;
--color-catch-the-wave-500: #698f8c;
--color-catch-the-wave-600: #597976;
--color-catch-the-wave-700: #47615f;
--color-catch-the-wave-800: #334745;
--color-catch-the-wave-900: #233130;
--color-catch-the-wave-950: #121d1c;
}SCSS
$catch-the-wave: #b9ddda;
$catch-the-wave-rgb: 185, 221, 218;
$catch-the-wave-light: mix(#fff, $catch-the-wave, 20%);
$catch-the-wave-dark: mix(#000, $catch-the-wave, 20%);
.element {
color: $catch-the-wave;
box-shadow: 0 0 0 2px rgba($catch-the-wave, 0.35);
}