Color con nombre · #C7C4CD
Posture & Pose
Posture & Pose es #C7C4CD: rgb(199 196 205), hsl(260 8% 79%), oklch(0.825 0.013 301.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Posture & Pose color name →
#C7C4CD
oklch(0.825 0.013 301.2)
Conversiones de color
- HEX
- #c7c4cd
- RGB
- rgb(199 196 205)
- HSL
- hsl(260 8% 79%)
- HWB
- hwb(260 77% 20%)
- OKLCH
- oklch(0.825 0.013 301.2)
- OKLab
- oklab(0.825 0.007 -0.011)
- CIE Lab
- lab(79.6 2.32 -4.13)
- LCH
- lch(79.6 4.74 299.4)
- CMYK
- cmyk(3% 4% 0% 20%)
Tintes · Sombras · Tonos
Tintes
- CCCAD2
- D2D0D7
- D8D5DC
- DDDBE1
- E3E1E6
- E8E7EB
- EEEDF0
- F4F3F5
- F9F9FA
Sombras
- ADAAB2
- 939198
- 7A787E
- 626166
- 4C4A4E
- 363538
- 212123
- 0E0E0F
- 020202
Tonos
- C0BDC5
- B8B6BD
- B1AFB5
- AAA8AD
- A3A1A6
- 9C9B9E
- 959496
- 8E8D8F
- 878787
Armonías de color
Complementario +180°
- C7C4CD
Posture & Pose
- C4C7BE
≈ Silent Storm
Análogo -30° +30°
- C7C4CD
Posture & Pose
- C3C6CE
≈ Flat Aluminium
- CBC3CA
≈ Limpid Light
Triádico +120° +240°
- C7C4CD
Posture & Pose
- CCC4BE
≈ In the Shadows
- BDC9C6
≈ China Light Green
Complementario dividido +150° +210°
- C7C4CD
Posture & Pose
- C9C6BD
≈ Early Evening
- C0C8C2
≈ Smoke
Tetrádico +90° +180° +270°
- C7C4CD
Posture & Pose
- CEC3C1
≈ Silver Cross
- C4C7BE
≈ Silent Storm
- BDC8CB
≈ Hazy Blue
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.72:1 · APCA Lc 31
Ag
AAASobre negro
WCAG 12.20:1 · APCA Lc 72
Mejor color de texto: #000000
WCAG 12.20:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--posture-pose: #c7c4cd;
--posture-pose-rgb: 199 196 205;
--posture-pose-oklch: oklch(0.825 0.013 301.2);
}
.element {
color: var(--posture-pose);
background-color: hsl(260 8% 79%);
border-color: oklch(0.825 0.013 301.2);
}Tailwind CSS v4
@theme {
--color-posture-pose: #c7c4cd;
--color-posture-pose-50: #f6f4f8;
--color-posture-pose-100: #e9e7eb;
--color-posture-pose-200: #d5d3d9;
--color-posture-pose-300: #b8b6bd;
--color-posture-pose-400: #9f9da5;
--color-posture-pose-500: #87848e;
--color-posture-pose-600: #737078;
--color-posture-pose-700: #5c5a60;
--color-posture-pose-800: #434146;
--color-posture-pose-900: #2e2d31;
--color-posture-pose-950: #1b1a1d;
}SCSS
$posture-pose: #c7c4cd;
$posture-pose-rgb: 199, 196, 205;
$posture-pose-light: mix(#fff, $posture-pose, 20%);
$posture-pose-dark: mix(#000, $posture-pose, 20%);
.element {
color: $posture-pose;
box-shadow: 0 0 0 2px rgba($posture-pose, 0.35);
}