Color con nombre · #CCE1EE
Dwindling Denim
Dwindling Denim es #CCE1EE: rgb(204 225 238), hsl(203 50% 87%), oklch(0.898 0.029 234.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Dwindling Denim color name →
#CCE1EE
oklch(0.898 0.029 234.9)
Conversiones de color
- HEX
- #cce1ee
- RGB
- rgb(204 225 238)
- HSL
- hsl(203 50% 87%)
- HWB
- hwb(203 80% 7%)
- OKLCH
- oklch(0.898 0.029 234.9)
- OKLab
- oklab(0.898 -0.017 -0.023)
- CIE Lab
- lab(88.25 -5.28 -8.87)
- LCH
- lch(88.25 10.32 239.2)
- CMYK
- cmyk(14% 5% 0% 7%)
Tintes · Sombras · Tonos
Tintes
- D1E4F0
- D6E7F1
- DBEAF3
- E0EDF5
- E5F0F7
- EBF3F8
- F0F6FA
- F5F9FC
- FAFCFD
Sombras
- B1C4CF
- 97A7B1
- 7E8B93
- 657077
- 4E565C
- 373E42
- 22272A
- 0F1214
- 020203
Tonos
- C4D7E2
- BCCDD7
- B5C3CC
- ADB9C1
- A5AFB5
- 9EA6AB
- 969CA0
- 8F9395
- 87898A
Armonías de color
Complementario +180°
- CCE1EE
Dwindling Denim
- EDD9CC
≈ Nectar
Análogo -30° +30°
- CCE1EE
Dwindling Denim
- C8E3E6
≈ Babymoon Blue
- D4DEF1
≈ Puffy Cloud
Triádico +120° +240°
- CCE1EE
Dwindling Denim
- EED6DE
≈ Pineberry
- DCE0CB
≈ Gentle Frost
Complementario dividido +150° +210°
- CCE1EE
Dwindling Denim
- F0D7D4
≈ Global Warming
- E6DCC8
≈ Half Spanish White
Tetrádico +90° +180° +270°
- CCE1EE
Dwindling Denim
- E8D7E8
≈ Pale Grey Magenta
- EDD9CC
≈ Nectar
- D2E3D2
≈ Sweet Mint Tea
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.34:1 · APCA Lc 17
Ag
AAASobre negro
WCAG 15.57:1 · APCA Lc 86
Mejor color de texto: #000000
WCAG 15.57:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--dwindling-denim: #cce1ee;
--dwindling-denim-rgb: 204 225 238;
--dwindling-denim-oklch: oklch(0.898 0.029 234.9);
}
.element {
color: var(--dwindling-denim);
background-color: hsl(203 50% 87%);
border-color: oklch(0.898 0.029 234.9);
}Tailwind CSS v4
@theme {
--color-dwindling-denim: #cce1ee;
--color-dwindling-denim-50: #eef7fc;
--color-dwindling-denim-100: #dfeaf0;
--color-dwindling-denim-200: #c9d6df;
--color-dwindling-denim-300: #aabac4;
--color-dwindling-denim-400: #8fa2ad;
--color-dwindling-denim-500: #748a97;
--color-dwindling-denim-600: #63757f;
--color-dwindling-denim-700: #4f5d66;
--color-dwindling-denim-800: #39444b;
--color-dwindling-denim-900: #272f34;
--color-dwindling-denim-950: #151c1f;
}SCSS
$dwindling-denim: #cce1ee;
$dwindling-denim-rgb: 204, 225, 238;
$dwindling-denim-light: mix(#fff, $dwindling-denim, 20%);
$dwindling-denim-dark: mix(#000, $dwindling-denim, 20%);
.element {
color: $dwindling-denim;
box-shadow: 0 0 0 2px rgba($dwindling-denim, 0.35);
}