Color con nombre · #A1B0BE
Sensitivity
Sensitivity es #A1B0BE: rgb(161 176 190), hsl(209 18% 69%), oklch(0.75 0.026 246.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Sensitivity color name →
#A1B0BE
oklch(0.75 0.026 246.3)
Conversiones de color
- HEX
- #a1b0be
- RGB
- rgb(161 176 190)
- HSL
- hsl(209 18% 69%)
- HWB
- hwb(209 63% 25%)
- OKLCH
- oklch(0.75 0.026 246.3)
- OKLab
- oklab(0.75 -0.011 -0.024)
- CIE Lab
- lab(70.99 -3.22 -9.04)
- LCH
- lch(70.99 9.6 250.4)
- CMYK
- cmyk(15% 7% 0% 25%)
Tintes · Sombras · Tonos
Tintes
- AAB8C4
- B3BFCB
- BCC7D1
- C6CFD8
- CFD7DE
- D9DFE5
- E2E7EB
- ECEFF2
- F5F7F8
Sombras
- 8B99A5
- 76828C
- 626C75
- 4E565E
- 3C4248
- 2A2E33
- 191C1F
- 090B0D
- 010102
Tonos
- 9EABB8
- 9AA6B1
- 97A1AB
- 949DA5
- 90989F
- 8D9398
- 8A8E92
- 87898C
- 838586
Armonías de color
Complementario +180°
- A1B0BE
Sensitivity
- BAAB9D
≈ Stanford Stone
Análogo -30° +30°
- A1B0BE
Sensitivity
- 9CB2B9
≈ Ice Gull Grey Blue
- A9ADBF
≈ Lilac Hush
Triádico +120° +240°
- A1B0BE
Sensitivity
- BEA7AB
≈ Pale Poppy
- AAB1A0
≈ Still
Complementario dividido +150° +210°
- A1B0BE
Sensitivity
- BEA9A3
≈ Embarrassed Shadow
- B3AE9C
≈ Gateway Pillar
Tetrádico +90° +180° +270°
- A1B0BE
Sensitivity
- B9A8B4
≈ Resplendent
- BAAB9D
≈ Stanford Stone
- A1B3A7
≈ Sceptic
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.21:1 · APCA Lc 44
Ag
AAASobre negro
WCAG 9.46:1 · APCA Lc 58
Mejor color de texto: #000000
WCAG 9.46:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmentos de código
CSS
:root {
--sensitivity: #a1b0be;
--sensitivity-rgb: 161 176 190;
--sensitivity-oklch: oklch(0.75 0.026 246.3);
}
.element {
color: var(--sensitivity);
background-color: hsl(209 18% 69%);
border-color: oklch(0.75 0.026 246.3);
}Tailwind CSS v4
@theme {
--color-sensitivity: #a1b0be;
--color-sensitivity-50: #eff6fc;
--color-sensitivity-100: #e1e9f0;
--color-sensitivity-200: #ccd5df;
--color-sensitivity-300: #adb9c5;
--color-sensitivity-400: #92a0ad;
--color-sensitivity-500: #788897;
--color-sensitivity-600: #667380;
--color-sensitivity-700: #525c66;
--color-sensitivity-800: #3b444b;
--color-sensitivity-900: #282f34;
--color-sensitivity-950: #161b1f;
}SCSS
$sensitivity: #a1b0be;
$sensitivity-rgb: 161, 176, 190;
$sensitivity-light: mix(#fff, $sensitivity, 20%);
$sensitivity-dark: mix(#000, $sensitivity, 20%);
.element {
color: $sensitivity;
box-shadow: 0 0 0 2px rgba($sensitivity, 0.35);
}