Cor nomeada · #CEC7DC
Angel Kiss
Angel Kiss é #CEC7DC: rgb(206 199 220), hsl(260 23% 82%), oklch(0.842 0.03 300.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Angel Kiss color name →
#CEC7DC
oklch(0.842 0.03 300.9)
Conversões de cor
- HEX
- #cec7dc
- RGB
- rgb(206 199 220)
- HSL
- hsl(260 23% 82%)
- HWB
- hwb(260 78% 14%)
- OKLCH
- oklch(0.842 0.03 300.9)
- OKLab
- oklab(0.842 0.015 -0.026)
- CIE Lab
- lab(81.3 5.44 -9.57)
- LCH
- lch(81.3 11.01 299.6)
- CMYK
- cmyk(6% 10% 0% 14%)
Tons claros · Sombras · Tons
Tons claros
- D3CDDF
- D8D2E3
- DCD8E6
- E1DDEA
- E6E3ED
- EBE8F1
- F0EEF4
- F5F4F8
- FAF9FB
Sombras
- B3ADBF
- 9893A3
- 7F7A88
- 66626E
- 4E4C54
- 38363C
- 232126
- 0F0E11
- 020202
Tons
- C6C0D2
- BEB8C9
- B6B1C0
- AEAAB6
- A6A3AD
- 9E9CA4
- 97959B
- 8F8E92
- 878789
Harmonias de cor
Complementar +180°
- CEC7DC
Angel Kiss
- C8CEB9
≈ Morning Zen
Análoga -30° +30°
- CEC7DC
Angel Kiss
- C4CBDF
≈ Periwinkle Powder
- D7C4D4
≈ Fragrant Snowbell
Tríade +120° +240°
- CEC7DC
Angel Kiss
- DAC7B8
≈ Suede Beige
- B7D2CC
≈ Jet Stream
Complementar dividida +150° +210°
- CEC7DC
Angel Kiss
- D2CBB6
≈ Asparagus Green
- BED1C1
≈ Spray of Mint
Tétrade +90° +180° +270°
- CEC7DC
Angel Kiss
- DEC4BF
≈ Slubbed Silk
- C8CEB9
≈ Morning Zen
- B6D1D6
≈ Subtle Breeze
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.63:1 · APCA Lc 28
Ag
AAASobre preto
WCAG 12.82:1 · APCA Lc 75
Melhor cor de texto: #000000
WCAG 12.82:1 (AAA) · APCA Lc 75
Contrast pairs
Trechos de código
CSS
:root {
--angel-kiss: #cec7dc;
--angel-kiss-rgb: 206 199 220;
--angel-kiss-oklch: oklch(0.842 0.03 300.9);
}
.element {
color: var(--angel-kiss);
background-color: hsl(260 23% 82%);
border-color: oklch(0.842 0.03 300.9);
}Tailwind CSS v4
@theme {
--color-angel-kiss: #cec7dc;
--color-angel-kiss-50: #f7f3fc;
--color-angel-kiss-100: #eae6f0;
--color-angel-kiss-200: #d6d1df;
--color-angel-kiss-300: #bab4c4;
--color-angel-kiss-400: #a19bae;
--color-angel-kiss-500: #898297;
--color-angel-kiss-600: #746e80;
--color-angel-kiss-700: #5d5866;
--color-angel-kiss-800: #44404c;
--color-angel-kiss-900: #2f2c34;
--color-angel-kiss-950: #1b1920;
}SCSS
$angel-kiss: #cec7dc;
$angel-kiss-rgb: 206, 199, 220;
$angel-kiss-light: mix(#fff, $angel-kiss, 20%);
$angel-kiss-dark: mix(#000, $angel-kiss, 20%);
.element {
color: $angel-kiss;
box-shadow: 0 0 0 2px rgba($angel-kiss, 0.35);
}