Color con nombre · #CBE3EE
Niagara Falls
Niagara Falls es #CBE3EE: rgb(203 227 238), hsl(199 51% 86%), oklch(0.901 0.03 227). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Niagara Falls color name →
#CBE3EE
oklch(0.901 0.03 227)
Conversiones de color
- HEX
- #cbe3ee
- RGB
- rgb(203 227 238)
- HSL
- hsl(199 51% 86%)
- HWB
- hwb(199 80% 7%)
- OKLCH
- oklch(0.901 0.03 227)
- OKLab
- oklab(0.901 -0.02 -0.022)
- CIE Lab
- lab(88.7 -6.57 -8.22)
- LCH
- lch(88.7 10.52 231.4)
- CMYK
- cmyk(15% 5% 0% 7%)
Tintes · Sombras · Tonos
Tintes
- D0E6F0
- D5E9F1
- DBEBF3
- E0EEF5
- E5F1F7
- EAF4F8
- EFF7FA
- F5F9FC
- FAFCFD
Sombras
- B0C5CF
- 96A8B1
- 7D8C93
- 657177
- 4D575C
- 373F42
- 22272A
- 0F1214
- 020303
Tonos
- C3D9E2
- BCCED7
- B4C4CC
- ACBAC1
- A5B0B5
- 9DA6AB
- 969DA0
- 8F9395
- 87898A
Armonías de color
Complementario +180°
- CBE3EE
Niagara Falls
- F0D9CE
≈ Peach Dust
Análogo -30° +30°
- CBE3EE
Niagara Falls
- C9E5E5
≈ Babymoon Blue
- D2E0F3
≈ Light Breeze
Triádico +120° +240°
- CBE3EE
Niagara Falls
- EED7E2
≈ Rosa Bonito
- E0E0CA
≈ Vintage Beige
Complementario dividido +150° +210°
- CBE3EE
Niagara Falls
- F2D7D7
≈ Light Petite Pink
- EADCC9
≈ Lambskin
Tetrádico +90° +180° +270°
- CBE3EE
Niagara Falls
- E7D9EC
≈ Pale Grey Magenta
- F0D9CE
≈ Peach Dust
- D6E3D0
≈ Sweet Mint Tea
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.33:1 · APCA Lc 16
Ag
AAASobre negro
WCAG 15.76:1 · APCA Lc 87
Mejor color de texto: #000000
WCAG 15.76:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmentos de código
CSS
:root {
--niagara-falls: #cbe3ee;
--niagara-falls-rgb: 203 227 238;
--niagara-falls-oklch: oklch(0.901 0.03 227);
}
.element {
color: var(--niagara-falls);
background-color: hsl(199 51% 86%);
border-color: oklch(0.901 0.03 227);
}Tailwind CSS v4
@theme {
--color-niagara-falls: #cbe3ee;
--color-niagara-falls-50: #edf7fc;
--color-niagara-falls-100: #deeaf0;
--color-niagara-falls-200: #c8d7de;
--color-niagara-falls-300: #a9bbc4;
--color-niagara-falls-400: #8da2ac;
--color-niagara-falls-500: #728b96;
--color-niagara-falls-600: #61757f;
--color-niagara-falls-700: #4d5e65;
--color-niagara-falls-800: #38454a;
--color-niagara-falls-900: #263033;
--color-niagara-falls-950: #141c1f;
}SCSS
$niagara-falls: #cbe3ee;
$niagara-falls-rgb: 203, 227, 238;
$niagara-falls-light: mix(#fff, $niagara-falls, 20%);
$niagara-falls-dark: mix(#000, $niagara-falls, 20%);
.element {
color: $niagara-falls;
box-shadow: 0 0 0 2px rgba($niagara-falls, 0.35);
}