Color con nombre · #CBC5C6
Dangerous Robot
Dangerous Robot es #CBC5C6: rgb(203 197 198), hsl(350 5% 78%), oklch(0.829 0.007 5.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Dangerous Robot color name →
#CBC5C6
oklch(0.829 0.007 5.7)
Conversiones de color
- HEX
- #cbc5c6
- RGB
- rgb(203 197 198)
- HSL
- hsl(350 5% 78%)
- HWB
- hwb(350 77% 20%)
- OKLCH
- oklch(0.829 0.007 5.7)
- OKLab
- oklab(0.829 0.007 0.001)
- CIE Lab
- lab(80.03 2.29 0.28)
- LCH
- lch(80.03 2.31 6.9)
- CMYK
- cmyk(0% 3% 2% 20%)
Tintes · Sombras · Tonos
Tintes
- D0CBCC
- D5D0D1
- DAD6D7
- E0DCDC
- E5E2E2
- EAE7E8
- EFEDEE
- F4F3F3
- FAF9F9
Sombras
- B0ABAC
- 969292
- 7D797A
- 656162
- 4D4B4B
- 373535
- 222121
- 0F0E0E
- 020202
Tonos
- C3BEBF
- BCB7B8
- B4B0B0
- ACA9A9
- A5A2A2
- 9D9B9B
- 969494
- 8E8D8E
- 878787
Armonías de color
Complementario +180°
- CBC5C6
Dangerous Robot
- C2C8C7
≈ Solitary State
Análogo -30° +30°
- CBC5C6
Dangerous Robot
- CAC5C8
≈ Dangerous Robot
- CBC5C4
≈ Orchid Shadow
Triádico +120° +240°
- CBC5C6
Dangerous Robot
- C6C8C3
≈ Dolphin Tales
- C3C7CB
≈ Flat Aluminium
Complementario dividido +150° +210°
- CBC5C6
Dangerous Robot
- C3C8C5
≈ Solitary State
- C2C8CA
≈ Brushed Metal
Tetrádico +90° +180° +270°
- CBC5C6
Dangerous Robot
- C8C7C2
≈ Grey Spell
- C2C8C7
≈ Solitary State
- C5C6CB
≈ Flat Aluminium
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.70:1 · APCA Lc 30
Ag
AAASobre negro
WCAG 12.34:1 · APCA Lc 72
Mejor color de texto: #000000
WCAG 12.34:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--dangerous-robot: #cbc5c6;
--dangerous-robot-rgb: 203 197 198;
--dangerous-robot-oklch: oklch(0.829 0.007 5.7);
}
.element {
color: var(--dangerous-robot);
background-color: hsl(350 5% 78%);
border-color: oklch(0.829 0.007 5.7);
}Tailwind CSS v4
@theme {
--color-dangerous-robot: #cbc5c6;
--color-dangerous-robot-50: #f7f4f5;
--color-dangerous-robot-100: #eae7e7;
--color-dangerous-robot-200: #d7d3d3;
--color-dangerous-robot-300: #bbb6b7;
--color-dangerous-robot-400: #a29d9e;
--color-dangerous-robot-500: #8a8485;
--color-dangerous-robot-600: #757071;
--color-dangerous-robot-700: #5e5a5a;
--color-dangerous-robot-800: #454142;
--color-dangerous-robot-900: #2f2d2e;
--color-dangerous-robot-950: #1c1a1a;
}SCSS
$dangerous-robot: #cbc5c6;
$dangerous-robot-rgb: 203, 197, 198;
$dangerous-robot-light: mix(#fff, $dangerous-robot, 20%);
$dangerous-robot-dark: mix(#000, $dangerous-robot, 20%);
.element {
color: $dangerous-robot;
box-shadow: 0 0 0 2px rgba($dangerous-robot, 0.35);
}