Color con nombre más cercano · #DFEFF8
#DFEFF8
Color con nombre más cercano: Celestial Cathedral
#DFEFF8 (rgb(223 239 248), hsl(202 64% 92%), oklch(0.943 0.021 232.1)) se parece más al color con nombre Celestial Cathedral. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#DFEFF8
oklch(0.943 0.021 232.1)
Conversiones de color
- HEX
- #dfeff8
- RGB
- rgb(223 239 248)
- HSL
- hsl(202 64% 92%)
- HWB
- hwb(202 87% 3%)
- OKLCH
- oklch(0.943 0.021 232.1)
- OKLab
- oklab(0.943 -0.013 -0.017)
- CIE Lab
- lab(93.44 -4.18 -6.27)
- LCH
- lch(93.44 7.54 236.3)
- CMYK
- cmyk(10% 4% 0% 3%)
Tintes · Sombras · Tonos
Tintes
- E2F1F9
- E5F2F9
- E9F4FA
- ECF5FB
- EFF7FC
- F2F9FC
- F5FAFD
- F9FCFE
- FCFDFE
Sombras
- C2D0D8
- A5B1B8
- 8A949A
- 6F787C
- 565C60
- 3D4245
- 272A2C
- 121415
- 020303
Tonos
- D5E3EB
- CBD8DF
- C2CCD3
- B8C1C6
- AEB6BA
- A5ABAE
- 9CA0A2
- 929597
- 898B8B
Armonías de color
Complementario +180°
- DFEFF8
Celestial Cathedral
- F8E9E0
≈ Morning Blush
Análogo -30° +30°
- DFEFF8
Celestial Cathedral
- DDF1F2
≈ Soar
- E5EDFB
≈ Cotton Boll
Triádico +120° +240°
- DFEFF8
Celestial Cathedral
- F8E7ED
≈ Hepatica
- ECEEDE
≈ Hemlock Bud
Complementario dividido +150° +210°
- DFEFF8
Celestial Cathedral
- FAE7E6
≈ Unburdened Pink
- F3EBDD
≈ Painter’s White
Tetrádico +90° +180° +270°
- DFEFF8
Celestial Cathedral
- F3E8F5
≈ Perfume Haze
- F8E9E0
≈ Morning Blush
- E5F0E3
≈ Molly Green
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.17:1 · APCA Lc 9
Ag
AAASobre negro
WCAG 17.83:1 · APCA Lc 96
Mejor color de texto: #000000
WCAG 17.83:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmentos de código
CSS
:root {
--celestial-cathedral: #dfeff8;
--celestial-cathedral-rgb: 223 239 248;
--celestial-cathedral-oklch: oklch(0.943 0.021 232.1);
}
.element {
color: var(--celestial-cathedral);
background-color: hsl(202 64% 92%);
border-color: oklch(0.943 0.021 232.1);
}Tailwind CSS v4
@theme {
--color-celestial-cathedral: #dfeff8;
--color-celestial-cathedral-50: #f0f6fa;
--color-celestial-cathedral-100: #e1e9ee;
--color-celestial-cathedral-200: #ccd6dc;
--color-celestial-cathedral-300: #aeb9c1;
--color-celestial-cathedral-400: #93a1a9;
--color-celestial-cathedral-500: #798992;
--color-celestial-cathedral-600: #66747b;
--color-celestial-cathedral-700: #525d63;
--color-celestial-cathedral-800: #3b4448;
--color-celestial-cathedral-900: #292f32;
--color-celestial-cathedral-950: #171b1e;
}SCSS
$celestial-cathedral: #dfeff8;
$celestial-cathedral-rgb: 223, 239, 248;
$celestial-cathedral-light: mix(#fff, $celestial-cathedral, 20%);
$celestial-cathedral-dark: mix(#000, $celestial-cathedral, 20%);
.element {
color: $celestial-cathedral;
box-shadow: 0 0 0 2px rgba($celestial-cathedral, 0.35);
}