Cor nomeada · #718F8A
Gumbo
Gumbo é #718F8A: rgb(113 143 138), hsl(170 12% 50%), oklch(0.626 0.035 183.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Gumbo color name →
#718F8A
oklch(0.626 0.035 183.9)
Conversões de cor
- HEX
- #718f8a
- RGB
- rgb(113 143 138)
- HSL
- hsl(170 12% 50%)
- HWB
- hwb(170 44% 44%)
- OKLCH
- oklch(0.626 0.035 183.9)
- OKLab
- oklab(0.626 -0.035 -0.002)
- CIE Lab
- lab(56.98 -11.79 -1)
- LCH
- lch(56.98 11.83 184.9)
- CMYK
- cmyk(21% 0% 3% 44%)
Tons claros · Sombras · Tons
Tons claros
- 7F9A95
- 8CA5A0
- 9AAFAC
- A8BAB7
- B6C6C3
- C4D1CF
- D3DCDB
- E1E8E7
- F0F3F3
Sombras
- 617C77
- 526965
- 435753
- 354542
- 273432
- 1A2422
- 0E1514
- 040707
- 010101
Tons
- 738E89
- 748C88
- 768B87
- 788986
- 798885
- 7B8684
- 7C8583
- 7D8382
- 7F8281
Harmonias de cor
Complementar +180°
- 718F8A
Gumbo
- 9B7F85
≈ Toadstool Soup
Análoga -30° +30°
- 718F8A
Gumbo
- 788E7E
≈ Cyanara
- 708E95
≈ Baritone
Tríade +120° +240°
- 718F8A
Gumbo
- 8C8399
≈ Purple Ash
- 978472
≈ Even Evan
Complementar dividida +150° +210°
- 718F8A
Gumbo
- 958091
≈ Plum Swirl
- 9C817A
≈ Cinereous
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.50:1 · APCA Lc 63
Ag
AASobre preto
WCAG 5.99:1 · APCA Lc 39
Melhor cor de texto: #000000
WCAG 5.99:1 (AA) · APCA Lc 39
Contrast pairs
Trechos de código
CSS
:root {
--gumbo: #718f8a;
--gumbo-rgb: 113 143 138;
--gumbo-oklch: oklch(0.626 0.035 183.9);
}
.element {
color: var(--gumbo);
background-color: hsl(170 12% 50%);
border-color: oklch(0.626 0.035 183.9);
}Tailwind CSS v4
@theme {
--color-gumbo: #718f8a;
--color-gumbo-50: #ebf9f6;
--color-gumbo-100: #dcece9;
--color-gumbo-200: #c5d9d6;
--color-gumbo-300: #a5bdba;
--color-gumbo-400: #88a5a1;
--color-gumbo-500: #6d8e89;
--color-gumbo-600: #5c7874;
--color-gumbo-700: #4a605c;
--color-gumbo-800: #354643;
--color-gumbo-900: #24312e;
--color-gumbo-950: #131d1b;
}SCSS
$gumbo: #718f8a;
$gumbo-rgb: 113, 143, 138;
$gumbo-light: mix(#fff, $gumbo, 20%);
$gumbo-dark: mix(#000, $gumbo, 20%);
.element {
color: $gumbo;
box-shadow: 0 0 0 2px rgba($gumbo, 0.35);
}