Nazwany kolor · #CEC7DC
Angel Kiss
Angel Kiss to #CEC7DC: rgb(206 199 220), hsl(260 23% 82%), oklch(0.842 0.03 300.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Angel Kiss color name →
#CEC7DC
oklch(0.842 0.03 300.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D3CDDF
- D8D2E3
- DCD8E6
- E1DDEA
- E6E3ED
- EBE8F1
- F0EEF4
- F5F4F8
- FAF9FB
Odcienie ciemniejsze
- B3ADBF
- 9893A3
- 7F7A88
- 66626E
- 4E4C54
- 38363C
- 232126
- 0F0E11
- 020202
Tony
- C6C0D2
- BEB8C9
- B6B1C0
- AEAAB6
- A6A3AD
- 9E9CA4
- 97959B
- 8F8E92
- 878789
Harmonie kolorów
Komplementarna +180°
- CEC7DC
Angel Kiss
- C8CEB9
≈ Morning Zen
Analogowa -30° +30°
- CEC7DC
Angel Kiss
- C4CBDF
≈ Periwinkle Powder
- D7C4D4
≈ Fragrant Snowbell
Triada +120° +240°
- CEC7DC
Angel Kiss
- DAC7B8
≈ Suede Beige
- B7D2CC
≈ Jet Stream
Komplementarna rozszczepiona +150° +210°
- CEC7DC
Angel Kiss
- D2CBB6
≈ Asparagus Green
- BED1C1
≈ Spray of Mint
Tetrada +90° +180° +270°
- CEC7DC
Angel Kiss
- DEC4BF
≈ Slubbed Silk
- C8CEB9
≈ Morning Zen
- B6D1D6
≈ Subtle Breeze
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.63:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.82:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.82:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
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);
}