Cor nomeada · #9BB2AA
Tiamo
Tiamo é #9BB2AA: rgb(155 178 170), hsl(159 13% 65%), oklch(0.744 0.028 172.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Tiamo color name →
#9BB2AA
oklch(0.744 0.028 172.6)
Conversões de cor
- HEX
- #9bb2aa
- RGB
- rgb(155 178 170)
- HSL
- hsl(159 13% 65%)
- HWB
- hwb(159 61% 30%)
- OKLCH
- oklch(0.744 0.028 172.6)
- OKLab
- oklab(0.744 -0.028 0.004)
- CIE Lab
- lab(70.63 -9.43 1.28)
- LCH
- lch(70.63 9.52 172.3)
- CMYK
- cmyk(13% 0% 4% 30%)
Tons claros · Sombras · Tons
Tons claros
- A5B9B2
- AEC1BA
- B8C9C3
- C2D0CB
- CCD8D4
- D6E0DC
- E0E7E5
- EAEFED
- F5F7F6
Sombras
- 869A93
- 72837D
- 5E6D68
- 4B5753
- 39433F
- 282F2D
- 181D1B
- 090C0B
- 010101
Tons
- 98ADA6
- 96A8A1
- 93A39D
- 909E99
- 8E9995
- 8B9491
- 888F8C
- 858A88
- 838584
Harmonias de cor
Complementar +180°
- 9BB2AA
Tiamo
- BBA5AD
≈ Cold Pink
Análoga -30° +30°
- 9BB2AA
Tiamo
- A2B1A1
≈ Grass Sands
- 98B2B4
≈ Ether
Tríade +120° +240°
- 9BB2AA
Tiamo
- ACA9BD
≈ Cream Violet
- BBA89C
≈ Putty Grey
Complementar dividida +150° +210°
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.24:1 · APCA Lc 44
Ag
AAASobre preto
WCAG 9.34:1 · APCA Lc 58
Melhor cor de texto: #000000
WCAG 9.34:1 (AAA) · APCA Lc 58
Contrast pairs
Trechos de código
CSS
:root {
--tiamo: #9bb2aa;
--tiamo-rgb: 155 178 170;
--tiamo-oklch: oklch(0.744 0.028 172.6);
}
.element {
color: var(--tiamo);
background-color: hsl(159 13% 65%);
border-color: oklch(0.744 0.028 172.6);
}Tailwind CSS v4
@theme {
--color-tiamo: #9bb2aa;
--color-tiamo-50: #edf8f4;
--color-tiamo-100: #dfebe7;
--color-tiamo-200: #c9d8d3;
--color-tiamo-300: #aabcb6;
--color-tiamo-400: #8fa49d;
--color-tiamo-500: #748c84;
--color-tiamo-600: #627770;
--color-tiamo-700: #4f5f59;
--color-tiamo-800: #394641;
--color-tiamo-900: #27302d;
--color-tiamo-950: #151c1a;
}SCSS
$tiamo: #9bb2aa;
$tiamo-rgb: 155, 178, 170;
$tiamo-light: mix(#fff, $tiamo, 20%);
$tiamo-dark: mix(#000, $tiamo, 20%);
.element {
color: $tiamo;
box-shadow: 0 0 0 2px rgba($tiamo, 0.35);
}