Couleur nommée la plus proche · #DDF0FF
#DDF0FF
Couleur nommée la plus proche: Cloudless
#DDF0FF (rgb(221 240 255), hsl(206 100% 93%), oklch(0.946 0.029 241.6)) est la plus proche de la couleur nommée Cloudless. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DDF0FF
oklch(0.946 0.029 241.6)
Conversions de couleur
- HEX
- #ddf0ff
- RGB
- rgb(221 240 255)
- HSL
- hsl(206 100% 93%)
- HWB
- hwb(206 87% 0%)
- OKLCH
- oklch(0.946 0.029 241.6)
- OKLab
- oklab(0.946 -0.014 -0.025)
- CIE Lab
- lab(93.72 -4.28 -9.5)
- LCH
- lch(93.72 10.42 245.7)
- CMYK
- cmyk(13% 6% 0% 0%)
Teintes · Ombres · Tons
Teintes
- E0F2FF
- E4F3FF
- E7F5FF
- EBF6FF
- EEF8FF
- F1F9FF
- F5FBFF
- F8FCFF
- FCFEFF
Ombres
- C0D1DE
- A4B2BE
- 88959E
- 6E7880
- 555D63
- 3D4348
- 262A2E
- 111416
- 020303
Tons
- D3E4F2
- CAD9E4
- C0CDD7
- B7C2CA
- ADB6BE
- A4ABB1
- 9BA0A4
- 929598
- 898B8C
Harmonies de couleurs
Complémentaire +180°
- DDF0FF
Cloudless
- FCE9DA
≈ Guiding Star
Analogue -30° +30°
- DDF0FF
Cloudless
- D8F3F8
≈ Let It Snow
- E7EDFF
≈ Brilliant White
Triadique +120° +240°
- DDF0FF
Cloudless
- FFE6EC
≈ Nosegay
- EAF0DB
≈ Memoir
Complémentaire divisée +150° +210°
- DDF0FF
Cloudless
- FFE7E2
≈ Olm Pink
- F4EDD8
≈ Satin Weave
Tétradique +90° +180° +270°
- DDF0FF
Cloudless
- F9E6F6
≈ Cherry Pearl
- FCE9DA
≈ Guiding Star
- E0F3E4
≈ Frosted Mint
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.16:1 · APCA Lc 8
Ag
AAASur noir
WCAG 17.98:1 · APCA Lc 96
Meilleure couleur de texte: #000000
WCAG 17.98:1 (AAA) · APCA Lc 96
Contrast pairs
Extraits de code
CSS
:root {
--cloudless: #ddf0ff;
--cloudless-rgb: 221 240 255;
--cloudless-oklch: oklch(0.946 0.029 241.6);
}
.element {
color: var(--cloudless);
background-color: hsl(206 100% 93%);
border-color: oklch(0.946 0.029 241.6);
}Tailwind CSS v4
@theme {
--color-cloudless: #ddf0ff;
--color-cloudless-50: #eef6fd;
--color-cloudless-100: #e0e9f1;
--color-cloudless-200: #cad6e0;
--color-cloudless-300: #abb9c5;
--color-cloudless-400: #90a1ae;
--color-cloudless-500: #768998;
--color-cloudless-600: #647480;
--color-cloudless-700: #505d67;
--color-cloudless-800: #3a444b;
--color-cloudless-900: #272f34;
--color-cloudless-950: #161b20;
}SCSS
$cloudless: #ddf0ff;
$cloudless-rgb: 221, 240, 255;
$cloudless-light: mix(#fff, $cloudless, 20%);
$cloudless-dark: mix(#000, $cloudless, 20%);
.element {
color: $cloudless;
box-shadow: 0 0 0 2px rgba($cloudless, 0.35);
}