Cor nomeada · #6D716A
Sea Grove
Sea Grove é #6D716A: rgb(109 113 106), hsl(94 3% 43%), oklch(0.543 0.012 131.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sea Grove color name →
#6D716A
oklch(0.543 0.012 131.5)
Conversões de cor
- HEX
- #6d716a
- RGB
- rgb(109 113 106)
- HSL
- hsl(94 3% 43%)
- HWB
- hwb(94 42% 56%)
- OKLCH
- oklch(0.543 0.012 131.5)
- OKLab
- oklab(0.543 -0.008 0.009)
- CIE Lab
- lab(47.12 -2.64 3.34)
- LCH
- lch(47.12 4.26 128.3)
- CMYK
- cmyk(4% 0% 6% 56%)
Tons claros · Sombras · Tons
Tons claros
- 7B7E78
- 888C86
- 969994
- A5A7A3
- B3B5B2
- C2C4C1
- D1D2D0
- E0E1DF
- EFF0EF
Sombras
- 5E615B
- 4F524D
- 41433F
- 333531
- 262724
- 191A18
- 0D0E0D
- 040404
- 010100
Tons
- 6F726C
- 71746E
- 737571
- 757773
- 767875
- 787A77
- 7A7B79
- 7C7D7C
- 7E7E7E
Harmonias de cor
Complementar +180°
- 6D716A
Sea Grove
- 726E75
≈ Exclusive Plum
Análoga -30° +30°
- 6D716A
Sea Grove
- 717068
≈ Artillery
- 6A726D
≈ Sea Grove
Tríade +120° +240°
- 6D716A
Sea Grove
- 6B7076
≈ Bottlenose Dolphin
- 766D6E
≈ Emu
Complementar dividida +150° +210°
- 6D716A
Sea Grove
- 6E6F76
≈ Granite Canyon
- 756D71
≈ Pineal Pink
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.97:1 · APCA Lc 74
Ag
FailSobre preto
WCAG 4.22:1 · APCA Lc 27
Melhor cor de texto: #FFFFFF
WCAG 4.97:1 (AA) · APCA Lc 74
Contrast pairs
Trechos de código
CSS
:root {
--sea-grove: #6d716a;
--sea-grove-rgb: 109 113 106;
--sea-grove-oklch: oklch(0.543 0.012 131.5);
}
.element {
color: var(--sea-grove);
background-color: hsl(94 3% 43%);
border-color: oklch(0.543 0.012 131.5);
}Tailwind CSS v4
@theme {
--color-sea-grove: #6d716a;
--color-sea-grove-50: #f4f6f2;
--color-sea-grove-100: #e6e9e5;
--color-sea-grove-200: #d2d5d0;
--color-sea-grove-300: #b5b9b3;
--color-sea-grove-400: #9ca099;
--color-sea-grove-500: #838880;
--color-sea-grove-600: #6f736c;
--color-sea-grove-700: #595c57;
--color-sea-grove-800: #41433f;
--color-sea-grove-900: #2d2e2b;
--color-sea-grove-950: #1a1b19;
}SCSS
$sea-grove: #6d716a;
$sea-grove-rgb: 109, 113, 106;
$sea-grove-light: mix(#fff, $sea-grove, 20%);
$sea-grove-dark: mix(#000, $sea-grove, 20%);
.element {
color: $sea-grove;
box-shadow: 0 0 0 2px rgba($sea-grove, 0.35);
}