Color con nombre · #CADBDF
Reflection Pool
Reflection Pool es #CADBDF: rgb(202 219 223), hsl(191 25% 83%), oklch(0.88 0.019 213.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Reflection Pool color name →
#CADBDF
oklch(0.88 0.019 213.4)
Conversiones de color
- HEX
- #cadbdf
- RGB
- rgb(202 219 223)
- HSL
- hsl(191 25% 83%)
- HWB
- hwb(191 79% 13%)
- OKLCH
- oklch(0.88 0.019 213.4)
- OKLab
- oklab(0.88 -0.016 -0.011)
- CIE Lab
- lab(86.2 -5.32 -4.03)
- LCH
- lch(86.2 6.67 217.2)
- CMYK
- cmyk(9% 2% 0% 13%)
Tintes · Sombras · Tonos
Tintes
- CFDFE2
- D5E2E5
- DAE6E9
- DFE9EC
- E4EDEF
- EAF1F2
- EFF4F5
- F4F8F9
- FAFBFC
Sombras
- AFBEC2
- 95A2A5
- 7C878A
- 646D6F
- 4D5456
- 373C3D
- 222627
- 0F1112
- 020202
Tonos
- C2D2D5
- BBC8CB
- B3BFC2
- ACB6B8
- A4ACAE
- 9DA3A5
- 969A9B
- 8E9192
- 878989
Armonías de color
Complementario +180°
- CADBDF
Reflection Pool
- E4D3CF
≈ Pandora Grey
Análogo -30° +30°
- CADBDF
Reflection Pool
- CADCD9
≈ Blue Cypress
- CDD9E3
≈ Pale Cornflower
Triádico +120° +240°
- CADBDF
Reflection Pool
- E0D3DD
≈ Timid Violet
- DBD7CA
≈ Glass Pebble
Complementario dividido +150° +210°
- CADBDF
Reflection Pool
- E3D2D6
≈ Ibis Mouse
- E1D5CB
≈ Westchester White
Tetrádico +90° +180° +270°
- CADBDF
Reflection Pool
- DAD5E2
≈ Heavenly Haze
- E4D3CF
≈ Pandora Grey
- D5DACC
≈ Light Lamb’s Ears
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.42:1 · APCA Lc 21
Ag
AAASobre negro
WCAG 14.70:1 · APCA Lc 83
Mejor color de texto: #000000
WCAG 14.70:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmentos de código
CSS
:root {
--reflection-pool: #cadbdf;
--reflection-pool-rgb: 202 219 223;
--reflection-pool-oklch: oklch(0.88 0.019 213.4);
}
.element {
color: var(--reflection-pool);
background-color: hsl(191 25% 83%);
border-color: oklch(0.88 0.019 213.4);
}Tailwind CSS v4
@theme {
--color-reflection-pool: #cadbdf;
--color-reflection-pool-50: #eff7f9;
--color-reflection-pool-100: #e1eaec;
--color-reflection-pool-200: #ccd6d9;
--color-reflection-pool-300: #adbabe;
--color-reflection-pool-400: #92a2a5;
--color-reflection-pool-500: #788a8e;
--color-reflection-pool-600: #667578;
--color-reflection-pool-700: #515d60;
--color-reflection-pool-800: #3b4446;
--color-reflection-pool-900: #292f31;
--color-reflection-pool-950: #161c1d;
}SCSS
$reflection-pool: #cadbdf;
$reflection-pool-rgb: 202, 219, 223;
$reflection-pool-light: mix(#fff, $reflection-pool, 20%);
$reflection-pool-dark: mix(#000, $reflection-pool, 20%);
.element {
color: $reflection-pool;
box-shadow: 0 0 0 2px rgba($reflection-pool, 0.35);
}