Couleur nommée · #CCBFC7
Silk Chiffon
Silk Chiffon correspond à #CCBFC7 : rgb(204 191 199), hsl(323 11% 77%), oklch(0.818 0.018 340). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Silk Chiffon color name →
#CCBFC7
oklch(0.818 0.018 340)
Conversions de couleur
- HEX
- #ccbfc7
- RGB
- rgb(204 191 199)
- HSL
- hsl(323 11% 77%)
- HWB
- hwb(323 75% 20%)
- OKLCH
- oklch(0.818 0.018 340)
- OKLab
- oklab(0.818 0.017 -0.006)
- CIE Lab
- lab(78.61 5.79 -2.3)
- LCH
- lch(78.61 6.23 338.3)
- CMYK
- cmyk(0% 6% 2% 20%)
Teintes · Ombres · Tons
Teintes
- D1C5CC
- D6CCD2
- DBD2D8
- E0D8DD
- E5DFE3
- EAE5E8
- F0EBEE
- F5F2F4
- FAF8F9
Ombres
- B1A6AD
- 978D93
- 7E757A
- 655E62
- 4E484C
- 373336
- 221F21
- 0F0D0E
- 020202
Tons
- C4B9C0
- BCB2B8
- B5ACB1
- ADA5AA
- A59FA3
- 9E999C
- 969295
- 8F8C8E
- 878687
Harmonies de couleurs
Complémentaire +180°
- CCBFC7
Silk Chiffon
- BAC7BF
≈ Resting Place
Analogue -30° +30°
- CCBFC7
Silk Chiffon
- C7C0CC
≈ Clary Sage
- CFBFC1
≈ Dusky Violet
Triadique +120° +240°
- CCBFC7
Silk Chiffon
- C6C4B7
≈ Swiss Livery
- B7C6CC
≈ Flowing Breeze
Complémentaire divisée +150° +210°
- CCBFC7
Silk Chiffon
- BFC6BA
≈ Contemplation
- B7C7C6
≈ Misty Surf
Tétradique +90° +180° +270°
- CCBFC7
Silk Chiffon
- CBC2B7
≈ Heritage Grey
- BAC7BF
≈ Resting Place
- BBC5CF
≈ Blue Dolphin
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.77:1 · APCA Lc 33
Ag
AAASur noir
WCAG 11.84:1 · APCA Lc 70
Meilleure couleur de texte: #000000
WCAG 11.84:1 (AAA) · APCA Lc 70
Contrast pairs
Extraits de code
CSS
:root {
--silk-chiffon: #ccbfc7;
--silk-chiffon-rgb: 204 191 199;
--silk-chiffon-oklch: oklch(0.818 0.018 340);
}
.element {
color: var(--silk-chiffon);
background-color: hsl(323 11% 77%);
border-color: oklch(0.818 0.018 340);
}Tailwind CSS v4
@theme {
--color-silk-chiffon: #ccbfc7;
--color-silk-chiffon-50: #f9f3f6;
--color-silk-chiffon-100: #ece6e9;
--color-silk-chiffon-200: #dad1d6;
--color-silk-chiffon-300: #beb4ba;
--color-silk-chiffon-400: #a69aa2;
--color-silk-chiffon-500: #8f828a;
--color-silk-chiffon-600: #796e75;
--color-silk-chiffon-700: #61585d;
--color-silk-chiffon-800: #474045;
--color-silk-chiffon-900: #312c2f;
--color-silk-chiffon-950: #1d191c;
}SCSS
$silk-chiffon: #ccbfc7;
$silk-chiffon-rgb: 204, 191, 199;
$silk-chiffon-light: mix(#fff, $silk-chiffon, 20%);
$silk-chiffon-dark: mix(#000, $silk-chiffon, 20%);
.element {
color: $silk-chiffon;
box-shadow: 0 0 0 2px rgba($silk-chiffon, 0.35);
}