Color con nombre más cercano · #D3F7FF
#D3F7FF
Color con nombre más cercano: Water
#D3F7FF (rgb(211 247 255), hsl(191 100% 91%), oklch(0.953 0.039 212.6)) se parece más al color con nombre Water. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#D3F7FF
oklch(0.953 0.039 212.6)
Conversiones de color
- HEX
- #d3f7ff
- RGB
- rgb(211 247 255)
- HSL
- hsl(191 100% 91%)
- HWB
- hwb(191 83% 0%)
- OKLCH
- oklch(0.953 0.039 212.6)
- OKLab
- oklab(0.953 -0.033 -0.021)
- CIE Lab
- lab(94.84 -10.81 -7.96)
- LCH
- lch(94.84 13.42 216.4)
- CMYK
- cmyk(17% 3% 0% 0%)
Tintes · Sombras · Tonos
Tintes
- D8F8FF
- DCF9FF
- E1F9FF
- E5FAFF
- E9FBFF
- EEFCFF
- F2FDFF
- F6FDFF
- FBFEFF
Sombras
- B7D7DE
- 9CB7BE
- 82999E
- 697C80
- 516063
- 3A4548
- 242C2E
- 101516
- 020303
Tonos
- CBEBF2
- C2DEE4
- BAD2D7
- B1C6CA
- A9BABE
- A1AEB1
- 98A2A4
- 909798
- 888B8C
Armonías de color
Complementario +180°
- D3F7FF
Water
- FFEAE6
≈ Quartz Light Pink
Análogo -30° +30°
Triádico +120° +240°
- D3F7FF
Water
- FFE7FA
≈ Dolomite Crystal
- F8EFD3
≈ Meatbun
Complementario dividido +150° +210°
- D3F7FF
Water
- FFE9EE
≈ Rose Mochi
- FFECDB
≈ Flowerbed
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.13:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 18.51:1 · APCA Lc 98
Mejor color de texto: #000000
WCAG 18.51:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmentos de código
CSS
:root {
--water: #d3f7ff;
--water-rgb: 211 247 255;
--water-oklch: oklch(0.953 0.039 212.6);
}
.element {
color: var(--water);
background-color: hsl(191 100% 91%);
border-color: oklch(0.953 0.039 212.6);
}Tailwind CSS v4
@theme {
--color-water: #d3f7ff;
--color-water-50: #e9f8fc;
--color-water-100: #daecf0;
--color-water-200: #c3d9df;
--color-water-300: #a2bdc4;
--color-water-400: #85a5ac;
--color-water-500: #698d95;
--color-water-600: #59787e;
--color-water-700: #476065;
--color-water-800: #33464a;
--color-water-900: #233133;
--color-water-950: #121d1f;
}SCSS
$water: #d3f7ff;
$water-rgb: 211, 247, 255;
$water-light: mix(#fff, $water, 20%);
$water-dark: mix(#000, $water, 20%);
.element {
color: $water;
box-shadow: 0 0 0 2px rgba($water, 0.35);
}