Cor nomeada · #9FABB6
Scribe
Scribe é #9FABB6: rgb(159 171 182), hsl(209 14% 67%), oklch(0.735 0.021 245.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Scribe color name →
#9FABB6
oklch(0.735 0.021 245.7)
Conversões de cor
- HEX
- #9fabb6
- RGB
- rgb(159 171 182)
- HSL
- hsl(209 14% 67%)
- HWB
- hwb(209 62% 29%)
- OKLCH
- oklch(0.735 0.021 245.7)
- OKLab
- oklab(0.735 -0.009 -0.019)
- CIE Lab
- lab(69.29 -2.67 -7.19)
- LCH
- lch(69.29 7.67 249.6)
- CMYK
- cmyk(13% 6% 0% 29%)
Tons claros · Sombras · Tons
Tons claros
- A8B3BD
- B2BBC4
- BBC4CB
- C4CCD3
- CED4DA
- D8DDE1
- E1E5E9
- EBEEF0
- F5F6F8
Sombras
- 8A949E
- 757E86
- 61686F
- 4D5459
- 3B4044
- 292D30
- 181B1D
- 090B0C
- 010102
Tons
- 9CA7B0
- 99A2AB
- 969EA5
- 939AA0
- 8F959B
- 8C9195
- 898D90
- 86888B
- 838485
Harmonias de cor
Complementar +180°
- 9FABB6
Scribe
- B3A79C
≈ Ashen Grey
Análoga -30° +30°
- 9FABB6
Scribe
- 9BADB2
≈ Smoke on the Water
- A5A9B7
≈ Ridge View
Tríade +120° +240°
- 9FABB6
Scribe
- B6A4A7
≈ Magical Mauve
- A6AC9E
≈ Moorland
Complementar dividida +150° +210°
- 9FABB6
Scribe
- B6A5A0
≈ Lavender Suede
- ADAA9B
≈ Grey Silt
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.33:1 · APCA Lc 46
Ag
AAASobre preto
WCAG 8.97:1 · APCA Lc 56
Melhor cor de texto: #000000
WCAG 8.97:1 (AAA) · APCA Lc 56
Contrast pairs
Trechos de código
CSS
:root {
--scribe: #9fabb6;
--scribe-rgb: 159 171 182;
--scribe-oklch: oklch(0.735 0.021 245.7);
}
.element {
color: var(--scribe);
background-color: hsl(209 14% 67%);
border-color: oklch(0.735 0.021 245.7);
}Tailwind CSS v4
@theme {
--color-scribe: #9fabb6;
--color-scribe-50: #f1f6fb;
--color-scribe-100: #e3e9ef;
--color-scribe-200: #cdd5dd;
--color-scribe-300: #afb9c2;
--color-scribe-400: #95a0aa;
--color-scribe-500: #7b8893;
--color-scribe-600: #68737d;
--color-scribe-700: #535c64;
--color-scribe-800: #3c4349;
--color-scribe-900: #292e33;
--color-scribe-950: #171b1e;
}SCSS
$scribe: #9fabb6;
$scribe-rgb: 159, 171, 182;
$scribe-light: mix(#fff, $scribe, 20%);
$scribe-dark: mix(#000, $scribe, 20%);
.element {
color: $scribe;
box-shadow: 0 0 0 2px rgba($scribe, 0.35);
}