Colore con nome · #D0EDE9
Ionic Sky
Ionic Sky è #D0EDE9: rgb(208 237 233), hsl(172 45% 87%), oklch(0.924 0.031 186.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Ionic Sky color name →
#D0EDE9
oklch(0.924 0.031 186.6)
Conversioni di colore
- HEX
- #d0ede9
- RGB
- rgb(208 237 233)
- HSL
- hsl(172 45% 87%)
- HWB
- hwb(172 82% 7%)
- OKLCH
- oklch(0.924 0.031 186.6)
- OKLab
- oklab(0.924 -0.031 -0.004)
- CIE Lab
- lab(91.54 -10.4 -1.44)
- LCH
- lch(91.54 10.5 187.9)
- CMYK
- cmyk(12% 0% 2% 7%)
Tinte · Ombre · Toni
Tinte
- D5EFEB
- D9F1ED
- DEF2F0
- E3F4F2
- E8F6F4
- ECF8F6
- F1FAF8
- F6FBFB
- FAFDFD
Ombre
- B5CECB
- 9AB0AD
- 809390
- 677774
- 4F5C5A
- 394241
- 232A29
- 101413
- 020303
Toni
- C8E2DE
- C0D6D3
- B7CBC8
- AFC0BE
- A7B5B3
- 9FAAA9
- 979F9E
- 909594
- 888A8A
Armonie di colore
Complementare +180°
- D0EDE9
Ionic Sky
- F9DEE2
≈ Cake Frosting
Analogo -30° +30°
- D0EDE9
Ionic Sky
- D6ECDE
≈ Light Duck Egg Cream
- D0ECF3
≈ Chalky Blue White
Triadico +120° +240°
- D0EDE9
Ionic Sky
- EBE1F7
≈ Sheer Lavender
- F5E2D1
≈ Orange Confection
Complementare divisa +150° +210°
- D0EDE9
Ionic Sky
- F4DEEE
≈ Taffeta Tint
- FADFD8
≈ Veiled Pink
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.23:1 · APCA Lc 12
Ag
AAASu nero
WCAG 16.97:1 · APCA Lc 92
Miglior colore del testo: #000000
WCAG 16.97:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--ionic-sky: #d0ede9;
--ionic-sky-rgb: 208 237 233;
--ionic-sky-oklch: oklch(0.924 0.031 186.6);
}
.element {
color: var(--ionic-sky);
background-color: hsl(172 45% 87%);
border-color: oklch(0.924 0.031 186.6);
}Tailwind CSS v4
@theme {
--color-ionic-sky: #d0ede9;
--color-ionic-sky-50: #ecf8f7;
--color-ionic-sky-100: #ddebea;
--color-ionic-sky-200: #c6d9d7;
--color-ionic-sky-300: #a6bdba;
--color-ionic-sky-400: #8ba5a1;
--color-ionic-sky-500: #708d89;
--color-ionic-sky-600: #5f7774;
--color-ionic-sky-700: #4c605d;
--color-ionic-sky-800: #374644;
--color-ionic-sky-900: #25302f;
--color-ionic-sky-950: #141d1b;
}SCSS
$ionic-sky: #d0ede9;
$ionic-sky-rgb: 208, 237, 233;
$ionic-sky-light: mix(#fff, $ionic-sky, 20%);
$ionic-sky-dark: mix(#000, $ionic-sky, 20%);
.element {
color: $ionic-sky;
box-shadow: 0 0 0 2px rgba($ionic-sky, 0.35);
}