Couleur nommée la plus proche · #DDECE9
#DDECE9
Couleur nommée la plus proche: Second Wind
#DDECE9 (rgb(221 236 233), hsl(168 28% 90%), oklch(0.931 0.016 182.7)) est la plus proche de la couleur nommée Second Wind. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DDECE9
oklch(0.931 0.016 182.7)
Conversions de couleur
- HEX
- #ddece9
- RGB
- rgb(221 236 233)
- HSL
- hsl(168 28% 90%)
- HWB
- hwb(168 87% 7%)
- OKLCH
- oklch(0.931 0.016 182.7)
- OKLab
- oklab(0.931 -0.016 -0.001)
- CIE Lab
- lab(92.2 -5.56 -0.35)
- LCH
- lch(92.2 5.57 183.6)
- CMYK
- cmyk(6% 0% 1% 7%)
Teintes · Ombres · Tons
Teintes
- E0EEEB
- E4F0ED
- E7F2F0
- EBF4F2
- EEF5F4
- F1F7F6
- F5F9F8
- F8FBFB
- FCFDFD
Ombres
- C0CDCB
- A4AFAD
- 889290
- 6E7674
- 555B5A
- 3D4241
- 262929
- 111313
- 020303
Tons
- D3E1DE
- CAD5D3
- C0CAC8
- B7BFBE
- ADB5B3
- A4AAA9
- 9B9F9E
- 929594
- 898A8A
Harmonies de couleurs
Complémentaire +180°
- DDECE9
Second Wind
- F2E4E7
≈ Be Mine
Analogue -30° +30°
- DDECE9
Second Wind
- E0ECE3
≈ Country Mist
- DDEBEF
≈ Blue Flax
Triadique +120° +240°
- DDECE9
Second Wind
- EAE6F2
≈ Tranquil Eve
- F1E6DD
≈ Fantasy
Complémentaire divisée +150° +210°
- DDECE9
Second Wind
- EFE4ED
≈ Rosie Posie
- F3E5E1
≈ Reverie Pink
Tétradique +90° +180° +270°
- DDECE9
Second Wind
- E4E8F4
≈ Whisper Blue
- F2E4E7
≈ Be Mine
- ECE8DC
≈ Soft Wool
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.21:1 · APCA Lc 11
Ag
AAASur noir
WCAG 17.24:1 · APCA Lc 93
Meilleure couleur de texte: #000000
WCAG 17.24:1 (AAA) · APCA Lc 93
Contrast pairs
Extraits de code
CSS
:root {
--second-wind: #ddece9;
--second-wind-rgb: 221 236 233;
--second-wind-oklch: oklch(0.931 0.016 182.7);
}
.element {
color: var(--second-wind);
background-color: hsl(168 28% 90%);
border-color: oklch(0.931 0.016 182.7);
}Tailwind CSS v4
@theme {
--color-second-wind: #ddece9;
--color-second-wind-50: #f0f7f6;
--color-second-wind-100: #e2eae8;
--color-second-wind-200: #cdd7d5;
--color-second-wind-300: #afbab8;
--color-second-wind-400: #94a29f;
--color-second-wind-500: #7b8a87;
--color-second-wind-600: #687572;
--color-second-wind-700: #535d5b;
--color-second-wind-800: #3c4443;
--color-second-wind-900: #2a2f2e;
--color-second-wind-950: #171c1b;
}SCSS
$second-wind: #ddece9;
$second-wind-rgb: 221, 236, 233;
$second-wind-light: mix(#fff, $second-wind, 20%);
$second-wind-dark: mix(#000, $second-wind, 20%);
.element {
color: $second-wind;
box-shadow: 0 0 0 2px rgba($second-wind, 0.35);
}