Couleur nommée la plus proche · #F3EDFA
#F3EDFA
Couleur nommée la plus proche: Cloud Break
#F3EDFA (rgb(243 237 250), hsl(268 57% 95%), oklch(0.955 0.018 306.7)) est la plus proche de la couleur nommée Cloud Break. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F3EDFA
oklch(0.955 0.018 306.7)
Conversions de couleur
- HEX
- #f3edfa
- RGB
- rgb(243 237 250)
- HSL
- hsl(268 57% 95%)
- HWB
- hwb(268 93% 2%)
- OKLCH
- oklch(0.955 0.018 306.7)
- OKLab
- oklab(0.955 0.011 -0.015)
- CIE Lab
- lab(94.5 3.81 -5.54)
- LCH
- lch(94.5 6.73 304.5)
- CMYK
- cmyk(3% 5% 0% 2%)
Teintes · Ombres · Tons
Teintes
- F4EFFB
- F5F1FB
- F7F2FC
- F8F4FC
- F9F6FD
- FAF8FD
- FBFAFE
- FDFBFE
- FEFDFF
Ombres
- D3CED9
- B4B0BA
- 97939B
- 7A777D
- 5E5C61
- 444246
- 2B2A2D
- 141415
- 030303
Tons
- E7E2ED
- DBD6E0
- CFCBD4
- C3C0C7
- B8B5BB
- ACAAAF
- A19FA3
- 969597
- 8B8A8C
Harmonies de couleurs
Complémentaire +180°
- F3EDFA
Cloud Break
- EDF2E5
≈ Aspen Whisper
Analogue -30° +30°
- F3EDFA
Cloud Break
- ECEFFD
≈ Carte Blanche
- F9ECF5
≈ Placebo Magenta
Triadique +120° +240°
- F3EDFA
Cloud Break
- F9EEE3
≈ Bermuda Shell
- E3F4F2
≈ Bone-Chilling
Complémentaire divisée +150° +210°
- F3EDFA
Cloud Break
- F3F0E3
≈ Trite White
- E7F4EB
≈ Aqua Spring
Tétradique +90° +180° +270°
- F3EDFA
Cloud Break
- FCECE7
≈ Soft Pink Mist
- EDF2E5
≈ Aspen Whisper
- E3F3F8
≈ Milky Way
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.14:1 · APCA Lc 0
Ag
AAASur noir
WCAG 18.30:1 · APCA Lc 98
Meilleure couleur de texte: #000000
WCAG 18.30:1 (AAA) · APCA Lc 98
Contrast pairs
Extraits de code
CSS
:root {
--cloud-break: #f3edfa;
--cloud-break-rgb: 243 237 250;
--cloud-break-oklch: oklch(0.955 0.018 306.7);
}
.element {
color: var(--cloud-break);
background-color: hsl(268 57% 95%);
border-color: oklch(0.955 0.018 306.7);
}Tailwind CSS v4
@theme {
--color-cloud-break: #f3edfa;
--color-cloud-break-50: #f7f4f9;
--color-cloud-break-100: #e9e6ed;
--color-cloud-break-200: #d6d2da;
--color-cloud-break-300: #bab5bf;
--color-cloud-break-400: #a19ca7;
--color-cloud-break-500: #898390;
--color-cloud-break-600: #746f7a;
--color-cloud-break-700: #5d5961;
--color-cloud-break-800: #444148;
--color-cloud-break-900: #2f2d32;
--color-cloud-break-950: #1b1a1e;
}SCSS
$cloud-break: #f3edfa;
$cloud-break-rgb: 243, 237, 250;
$cloud-break-light: mix(#fff, $cloud-break, 20%);
$cloud-break-dark: mix(#000, $cloud-break, 20%);
.element {
color: $cloud-break;
box-shadow: 0 0 0 2px rgba($cloud-break, 0.35);
}