Couleur nommée · #CCCBCD
Cerebellum Grey
Cerebellum Grey correspond à #CCCBCD : rgb(204 203 205), hsl(270 2% 80%), oklch(0.843 0.003 308.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Cerebellum Grey color name →
#CCCBCD
oklch(0.843 0.003 308.4)
Conversions de couleur
- HEX
- #cccbcd
- RGB
- rgb(204 203 205)
- HSL
- hsl(270 2% 80%)
- HWB
- hwb(270 80% 20%)
- OKLCH
- oklch(0.843 0.003 308.4)
- OKLab
- oklab(0.843 0.002 -0.002)
- CIE Lab
- lab(81.81 0.63 -0.87)
- LCH
- lch(81.81 1.07 305.8)
- CMYK
- cmyk(0% 1% 0% 20%)
Teintes · Ombres · Tons
Teintes
- D1D0D2
- D6D5D7
- DBDADC
- E0E0E1
- E5E5E6
- EAEAEB
- EFEFF0
- F5F4F5
- FAFAFA
Ombres
- B1B0B2
- 979698
- 7E7D7E
- 656566
- 4E4D4E
- 373738
- 222223
- 0F0F0F
- 020202
Tons
- C4C3C5
- BCBCBD
- B5B4B5
- ADACAD
- A5A5A6
- 9E9D9E
- 969696
- 8F8E8F
- 878787
Harmonies de couleurs
Complémentaire +180°
- CCCBCD
Cerebellum Grey
- CBCCCA
≈ Passive
Analogue -30° +30°
- CCCBCD
Cerebellum Grey
- CBCBCD
≈ Cerebellum Grey
- CDCBCC
≈ Cerebellum Grey
Triadique +120° +240°
- CCCBCD
Cerebellum Grey
- CDCBCA
≈ Rock Crystal
- C9CCCC
≈ Dawn Blue
Complémentaire divisée +150° +210°
- CCCBCD
Cerebellum Grey
- CCCCC9
≈ Passive
- CACCCB
≈ Dawn Blue
Tétradique +90° +180° +270°
- CCCBCD
Cerebellum Grey
- CDCBCA
≈ Rock Crystal
- CBCCCA
≈ Passive
- CACCCD
≈ Dawn Blue
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.61:1 · APCA Lc 28
Ag
AAASur noir
WCAG 12.99:1 · APCA Lc 75
Meilleure couleur de texte: #000000
WCAG 12.99:1 (AAA) · APCA Lc 75
Contrast pairs
Extraits de code
CSS
:root {
--cerebellum-grey: #cccbcd;
--cerebellum-grey-rgb: 204 203 205;
--cerebellum-grey-oklch: oklch(0.843 0.003 308.4);
}
.element {
color: var(--cerebellum-grey);
background-color: hsl(270 2% 80%);
border-color: oklch(0.843 0.003 308.4);
}Tailwind CSS v4
@theme {
--color-cerebellum-grey: #cccbcd;
--color-cerebellum-grey-50: #f5f5f6;
--color-cerebellum-grey-100: #e8e7e8;
--color-cerebellum-grey-200: #d4d4d5;
--color-cerebellum-grey-300: #b8b7b8;
--color-cerebellum-grey-400: #9f9ea0;
--color-cerebellum-grey-500: #878688;
--color-cerebellum-grey-600: #727173;
--color-cerebellum-grey-700: #5b5a5c;
--color-cerebellum-grey-800: #434243;
--color-cerebellum-grey-900: #2e2e2e;
--color-cerebellum-grey-950: #1b1a1b;
}SCSS
$cerebellum-grey: #cccbcd;
$cerebellum-grey-rgb: 204, 203, 205;
$cerebellum-grey-light: mix(#fff, $cerebellum-grey, 20%);
$cerebellum-grey-dark: mix(#000, $cerebellum-grey, 20%);
.element {
color: $cerebellum-grey;
box-shadow: 0 0 0 2px rgba($cerebellum-grey, 0.35);
}