Couleur nommée la plus proche · #ADD9DF
#ADD9DF
Couleur nommée la plus proche: Clear Water
#ADD9DF (rgb(173 217 223), hsl(187 44% 78%), oklch(0.856 0.047 206.6)) est la plus proche de la couleur nommée Clear Water. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#ADD9DF
oklch(0.856 0.047 206.6)
Conversions de couleur
- HEX
- #add9df
- RGB
- rgb(173 217 223)
- HSL
- hsl(187 44% 78%)
- HWB
- hwb(187 68% 13%)
- OKLCH
- oklch(0.856 0.047 206.6)
- OKLab
- oklab(0.856 -0.042 -0.021)
- CIE Lab
- lab(83.71 -13.87 -7.95)
- LCH
- lch(83.71 15.99 209.8)
- CMYK
- cmyk(22% 3% 0% 13%)
Teintes · Ombres · Tons
Teintes
- B5DDE2
- BEE1E5
- C6E4E9
- CEE8EC
- D6ECEF
- DEF0F2
- E7F4F5
- EFF7F9
- F7FBFC
Ombres
- 96BCC2
- 7FA1A5
- 6A868A
- 556C6F
- 415356
- 2D3B3D
- 1B2527
- 0B1112
- 010202
Tons
- A9D0D5
- A4C7CB
- A0BEC2
- 9BB4B8
- 97ACAE
- 92A3A5
- 8E9A9C
- 899192
- 858989
Harmonies de couleurs
Complémentaire +180°
- ADD9DF
Clear Water
- EDC5C0
≈ Rose Haze
Analogue -30° +30°
- ADD9DF
Clear Water
- B0DACF
≈ Scandal
- B4D5EB
≈ Light Sea Cliff
Triadique +120° +240°
- ADD9DF
Clear Water
- E1C6E0
≈ Syrian Violet
- DDCEAE
≈ Champagne Bubbles
Complémentaire divisée +150° +210°
- ADD9DF
Clear Water
- EAC4D0
≈ Misty Memories
- E8C9B3
≈ Woodstock Rose
Tétradique +90° +180° +270°
- ADD9DF
Clear Water
- D2CAEB
≈ Foggy Love
- EDC5C0
≈ Rose Haze
- CDD4B2
≈ Mint Soap
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.52:1 · APCA Lc 24
Ag
AAASur noir
WCAG 13.76:1 · APCA Lc 79
Meilleure couleur de texte: #000000
WCAG 13.76:1 (AAA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--clear-water: #add9df;
--clear-water-rgb: 173 217 223;
--clear-water-oklch: oklch(0.856 0.047 206.6);
}
.element {
color: var(--clear-water);
background-color: hsl(187 44% 78%);
border-color: oklch(0.856 0.047 206.6);
}Tailwind CSS v4
@theme {
--color-clear-water: #add9df;
--color-clear-water-50: #e7f9fc;
--color-clear-water-100: #d7edf0;
--color-clear-water-200: #bedadf;
--color-clear-water-300: #9dbfc4;
--color-clear-water-400: #7ea7ac;
--color-clear-water-500: #618f96;
--color-clear-water-600: #52797f;
--color-clear-water-700: #426165;
--color-clear-water-800: #2f474a;
--color-clear-water-900: #203133;
--color-clear-water-950: #0f1d1f;
}SCSS
$clear-water: #add9df;
$clear-water-rgb: 173, 217, 223;
$clear-water-light: mix(#fff, $clear-water, 20%);
$clear-water-dark: mix(#000, $clear-water, 20%);
.element {
color: $clear-water;
box-shadow: 0 0 0 2px rgba($clear-water, 0.35);
}