Cor nomeada · #D0EBF1
Chalky Blue White
Chalky Blue White é #D0EBF1: rgb(208 235 241), hsl(191 54% 88%), oklch(0.922 0.03 212.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Chalky Blue White color name →
#D0EBF1
oklch(0.922 0.03 212.6)
Conversões de cor
- HEX
- #d0ebf1
- RGB
- rgb(208 235 241)
- HSL
- hsl(191 54% 88%)
- HWB
- hwb(191 82% 5%)
- OKLCH
- oklch(0.922 0.03 212.6)
- OKLab
- oklab(0.922 -0.025 -0.016)
- CIE Lab
- lab(91.2 -8.28 -6.08)
- LCH
- lch(91.2 10.27 216.3)
- CMYK
- cmyk(14% 2% 0% 5%)
Tons claros · Sombras · Tons
Tons claros
- D5EDF2
- D9EFF4
- DEF1F5
- E3F3F7
- E8F5F8
- ECF7F9
- F1F9FB
- F6FBFC
- FAFDFE
Sombras
- B5CCD2
- 9AAEB3
- 809195
- 677579
- 4F5B5D
- 394143
- 23292B
- 101314
- 020303
Tons
- C8E0E5
- C0D5D9
- B7CACE
- AFBFC2
- A7B4B7
- 9FA9AC
- 979FA1
- 909496
- 888A8B
Harmonias de cor
Complementar +180°
- D0EBF1
Chalky Blue White
- F8DFD9
≈ Veiled Pink
Análoga -30° +30°
- D0EBF1
Chalky Blue White
- D1ECE7
≈ Ionic Sky
- D5E8F8
≈ Freezing Vapour
Tríade +120° +240°
- D0EBF1
Chalky Blue White
- F2DEEE
≈ Divine Dove
- ECE5D0
≈ Floating Island
Complementar dividida +150° +210°
- D0EBF1
Chalky Blue White
- F8DEE3
≈ Cake Frosting
- F4E2D2
≈ Light Corn
Tétrade +90° +180° +270°
- D0EBF1
Chalky Blue White
- E9E1F6
≈ Sheer Lavender
- F8DFD9
≈ Veiled Pink
- E1E9D3
≈ Mediterranean Green
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre preto
WCAG 16.83:1 · APCA Lc 92
Melhor cor de texto: #000000
WCAG 16.83:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--chalky-blue-white: #d0ebf1;
--chalky-blue-white-rgb: 208 235 241;
--chalky-blue-white-oklch: oklch(0.922 0.03 212.6);
}
.element {
color: var(--chalky-blue-white);
background-color: hsl(191 54% 88%);
border-color: oklch(0.922 0.03 212.6);
}Tailwind CSS v4
@theme {
--color-chalky-blue-white: #d0ebf1;
--color-chalky-blue-white-50: #ecf7fa;
--color-chalky-blue-white-100: #ddebee;
--color-chalky-blue-white-200: #c7d8dc;
--color-chalky-blue-white-300: #a7bcc1;
--color-chalky-blue-white-400: #8ba3a9;
--color-chalky-blue-white-500: #708c92;
--color-chalky-blue-white-600: #5f767b;
--color-chalky-blue-white-700: #4c5f63;
--color-chalky-blue-white-800: #374548;
--color-chalky-blue-white-900: #253032;
--color-chalky-blue-white-950: #141c1e;
}SCSS
$chalky-blue-white: #d0ebf1;
$chalky-blue-white-rgb: 208, 235, 241;
$chalky-blue-white-light: mix(#fff, $chalky-blue-white, 20%);
$chalky-blue-white-dark: mix(#000, $chalky-blue-white, 20%);
.element {
color: $chalky-blue-white;
box-shadow: 0 0 0 2px rgba($chalky-blue-white, 0.35);
}