Couleur nommée la plus proche · #E0F4FA
#E0F4FA
Couleur nommée la plus proche: Diamond White
#E0F4FA (rgb(224 244 250), hsl(194 72% 93%), oklch(0.954 0.023 217.6)) est la plus proche de la couleur nommée Diamond White. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E0F4FA
oklch(0.954 0.023 217.6)
Conversions de couleur
- HEX
- #e0f4fa
- RGB
- rgb(224 244 250)
- HSL
- hsl(194 72% 93%)
- HWB
- hwb(194 88% 2%)
- OKLCH
- oklch(0.954 0.023 217.6)
- OKLab
- oklab(0.954 -0.018 -0.014)
- CIE Lab
- lab(94.84 -5.93 -5.26)
- LCH
- lch(94.84 7.93 221.6)
- CMYK
- cmyk(10% 2% 0% 2%)
Teintes · Ombres · Tons
Teintes
- E3F5FB
- E6F6FB
- E9F7FC
- ECF8FC
- F0FAFD
- F3FBFD
- F6FCFE
- F9FDFE
- FCFEFF
Ombres
- C3D4D9
- A6B5BA
- 8A979B
- 707A7D
- 565E61
- 3E4446
- 272B2D
- 121415
- 020303
Tons
- D6E8ED
- CCDCE0
- C2D0D4
- B9C4C7
- AFB8BB
- A5ADAF
- 9CA1A3
- 929697
- 898B8B
Harmonies de couleurs
Complémentaire +180°
- E0F4FA
Diamond White
- FEEBE5
≈ Soft Pink Mist
Analogue -30° +30°
- E0F4FA
Diamond White
- E0F5F2
≈ Frosty Mint
- E4F2FF
≈ Wizard White
Triadique +120° +240°
- E0F4FA
Diamond White
- FBEAF5
≈ Placebo Magenta
- F4F0DF
≈ Combed Cotton
Complémentaire divisée +150° +210°
- E0F4FA
Diamond White
- FEEAED
≈ Rose Mochi
- FBEDE0
≈ Fine White
Tétradique +90° +180° +270°
- E0F4FA
Diamond White
- F4ECFC
≈ Placebo Fuchsia
- FEEBE5
≈ Soft Pink Mist
- EBF3E3
≈ White Mecca
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.13:1 · APCA Lc 0
Ag
AAASur noir
WCAG 18.49:1 · APCA Lc 98
Meilleure couleur de texte: #000000
WCAG 18.49:1 (AAA) · APCA Lc 98
Contrast pairs
Extraits de code
CSS
:root {
--diamond-white: #e0f4fa;
--diamond-white-rgb: 224 244 250;
--diamond-white-oklch: oklch(0.954 0.023 217.6);
}
.element {
color: var(--diamond-white);
background-color: hsl(194 72% 93%);
border-color: oklch(0.954 0.023 217.6);
}Tailwind CSS v4
@theme {
--color-diamond-white: #e0f4fa;
--color-diamond-white-50: #eef7fa;
--color-diamond-white-100: #e0eaed;
--color-diamond-white-200: #cad7db;
--color-diamond-white-300: #abbabf;
--color-diamond-white-400: #90a2a7;
--color-diamond-white-500: #768a90;
--color-diamond-white-600: #64757a;
--color-diamond-white-700: #505d62;
--color-diamond-white-800: #3a4447;
--color-diamond-white-900: #282f31;
--color-diamond-white-950: #161c1d;
}SCSS
$diamond-white: #e0f4fa;
$diamond-white-rgb: 224, 244, 250;
$diamond-white-light: mix(#fff, $diamond-white, 20%);
$diamond-white-dark: mix(#000, $diamond-white, 20%);
.element {
color: $diamond-white;
box-shadow: 0 0 0 2px rgba($diamond-white, 0.35);
}