Color con nombre · #C6DEDF
Light Dante Peak
Light Dante Peak es #C6DEDF: rgb(198 222 223), hsl(182 28% 83%), oklch(0.883 0.026 199.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Light Dante Peak color name →
#C6DEDF
oklch(0.883 0.026 199.8)
Conversiones de color
- HEX
- #c6dedf
- RGB
- rgb(198 222 223)
- HSL
- hsl(182 28% 83%)
- HWB
- hwb(182 78% 13%)
- OKLCH
- oklch(0.883 0.026 199.8)
- OKLab
- oklab(0.883 -0.024 -0.009)
- CIE Lab
- lab(86.7 -8.1 -3.34)
- LCH
- lch(86.7 8.77 202.4)
- CMYK
- cmyk(11% 0% 0% 13%)
Tintes · Sombras · Tonos
Tintes
- CCE1E2
- D1E5E5
- D7E8E9
- DDEBEC
- E2EEEF
- E8F2F2
- EEF5F5
- F4F8F9
- F9FCFC
Sombras
- ACC1C2
- 92A5A5
- 7A898A
- 626F6F
- 4B5556
- 353D3D
- 212627
- 0E1212
- 020202
Tonos
- BFD4D5
- B8CACB
- B1C1C2
- AAB7B8
- A2AEAE
- 9CA4A5
- 959B9B
- 8E9292
- 878989
Armonías de color
Complementario +180°
- C6DEDF
Light Dante Peak
- E9D2D2
≈ Pink Plum
Análogo -30° +30°
- C6DEDF
Light Dante Peak
- C9DED6
≈ Whipped Mint
- C8DCE6
≈ Blue Me Away
Triádico +120° +240°
- C6DEDF
Light Dante Peak
- E0D3E3
≈ Purplish White
- E2D7C6
≈ Canvas Luggage
Complementario dividido +150° +210°
- C6DEDF
Light Dante Peak
- E7D2DB
≈ Pink Frappé
- E7D4CA
≈ Honeysuckle Delight
Tetrádico +90° +180° +270°
- C6DEDF
Light Dante Peak
- D8D6E9
≈ Slaanesh Grey
- E9D2D2
≈ Pink Plum
- D9DAC7
≈ Smoky Light
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.40:1 · APCA Lc 20
Ag
AAASobre negro
WCAG 14.91:1 · APCA Lc 84
Mejor color de texto: #000000
WCAG 14.91:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmentos de código
CSS
:root {
--light-dante-peak: #c6dedf;
--light-dante-peak-rgb: 198 222 223;
--light-dante-peak-oklch: oklch(0.883 0.026 199.8);
}
.element {
color: var(--light-dante-peak);
background-color: hsl(182 28% 83%);
border-color: oklch(0.883 0.026 199.8);
}Tailwind CSS v4
@theme {
--color-light-dante-peak: #c6dedf;
--color-light-dante-peak-50: #edf7f8;
--color-light-dante-peak-100: #dfebeb;
--color-light-dante-peak-200: #c8d8d9;
--color-light-dante-peak-300: #a9bcbd;
--color-light-dante-peak-400: #8ea3a4;
--color-light-dante-peak-500: #738c8d;
--color-light-dante-peak-600: #627677;
--color-light-dante-peak-700: #4e5f5f;
--color-light-dante-peak-800: #384545;
--color-light-dante-peak-900: #273030;
--color-light-dante-peak-950: #151c1c;
}SCSS
$light-dante-peak: #c6dedf;
$light-dante-peak-rgb: 198, 222, 223;
$light-dante-peak-light: mix(#fff, $light-dante-peak, 20%);
$light-dante-peak-dark: mix(#000, $light-dante-peak, 20%);
.element {
color: $light-dante-peak;
box-shadow: 0 0 0 2px rgba($light-dante-peak, 0.35);
}