Couleur nommée la plus proche · #B3DDDC
#B3DDDC
Couleur nommée la plus proche: Catch the Wave
#B3DDDC (rgb(179 221 220), hsl(179 38% 78%), oklch(0.867 0.044 194.6)) 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.
#B3DDDC
oklch(0.867 0.044 194.6)
Conversions de couleur
- HEX
- #b3dddc
- RGB
- rgb(179 221 220)
- HSL
- hsl(179 38% 78%)
- HWB
- hwb(179 70% 13%)
- OKLCH
- oklch(0.867 0.044 194.6)
- OKLab
- oklab(0.867 -0.042 -0.011)
- CIE Lab
- lab(85.1 -14.33 -4.29)
- LCH
- lch(85.1 14.96 196.7)
- CMYK
- cmyk(19% 0% 0% 13%)
Teintes · Ombres · Tons
Teintes
- BBE0DF
- C2E4E3
- CAE7E6
- D2EBEA
- D9EEED
- E1F1F1
- E8F5F4
- F0F8F8
- F7FCFB
Ombres
- 9BC0BF
- 84A4A3
- 6E8888
- 586E6E
- 435554
- 2F3D3C
- 1D2626
- 0C1111
- 010202
Tons
- AED3D2
- A9CAC9
- A4C0BF
- 9FB7B6
- 9AADAD
- 95A4A4
- 909B9B
- 8A9292
- 858989
Harmonies de couleurs
Complémentaire +180°
- B3DDDC
Catch the Wave
- EFC8CA
≈ Salmon Flush
Analogue -30° +30°
- B3DDDC
Catch the Wave
- BADDCC
≈ Mirador
- B6DAE9
≈ Chicago Blue
Triadique +120° +240°
- B3DDDC
Catch the Wave
- DECBE8
≈ Syrian Violet
- E5D0B4
≈ Beachy Keen
Complémentaire divisée +150° +210°
- B3DDDC
Catch the Wave
- EAC8DA
≈ Merry Pink
- EDCBBC
≈ Babyccino
Tétradique +90° +180° +270°
- B3DDDC
Catch the Wave
- CFD0F0
≈ Frozen Periwinkle
- EFC8CA
≈ Salmon Flush
- D7D5B5
≈ Chinese Silk
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.46:1 · APCA Lc 22
Ag
AAASur noir
WCAG 14.29:1 · APCA Lc 81
Meilleure couleur de texte: #000000
WCAG 14.29:1 (AAA) · APCA Lc 81
Contrast pairs
Extraits de code
CSS
:root {
--catch-the-wave: #b3dddc;
--catch-the-wave-rgb: 179 221 220;
--catch-the-wave-oklch: oklch(0.867 0.044 194.6);
}
.element {
color: var(--catch-the-wave);
background-color: hsl(179 38% 78%);
border-color: oklch(0.867 0.044 194.6);
}Tailwind CSS v4
@theme {
--color-catch-the-wave: #b3dddc;
--color-catch-the-wave-50: #e8f9f9;
--color-catch-the-wave-100: #d8eded;
--color-catch-the-wave-200: #c0dada;
--color-catch-the-wave-300: #9ebfbf;
--color-catch-the-wave-400: #81a7a6;
--color-catch-the-wave-500: #63908f;
--color-catch-the-wave-600: #557a79;
--color-catch-the-wave-700: #436161;
--color-catch-the-wave-800: #304746;
--color-catch-the-wave-900: #213131;
--color-catch-the-wave-950: #101d1d;
}SCSS
$catch-the-wave: #b3dddc;
$catch-the-wave-rgb: 179, 221, 220;
$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);
}