Cor nomeada mais próxima · #6D6980
#6D6980
Cor nomeada mais próxima: Heron
#6D6980 (rgb(109 105 128), hsl(250 10% 46%), oklch(0.533 0.036 293.1)) é mais próxima da cor nomeada Heron. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#6D6980
oklch(0.533 0.036 293.1)
Conversões de cor
- HEX
- #6d6980
- RGB
- rgb(109 105 128)
- HSL
- hsl(250 10% 46%)
- HWB
- hwb(250 41% 50%)
- OKLCH
- oklch(0.533 0.036 293.1)
- OKLab
- oklab(0.533 0.014 -0.033)
- CIE Lab
- lab(45.41 5.38 -12.24)
- LCH
- lch(45.41 13.37 293.7)
- CMYK
- cmyk(15% 18% 0% 50%)
Tons claros · Sombras · Tons
Tons claros
- 7A778C
- 888598
- 9694A5
- A5A2B1
- B3B1BE
- C2C0CB
- D1D0D8
- E0DFE5
- EFEFF2
Sombras
- 5E5A6E
- 4F4C5D
- 413E4D
- 33313D
- 26242E
- 19181F
- 0D0C12
- 040406
- 010001
Tons
- 6F6B80
- 716E80
- 737080
- 747280
- 767580
- 787780
- 7A7980
- 7C7B80
- 7E7E80
Harmonias de cor
Complementar +180°
- 6D6980
Heron
- 6C6F57
≈ Iwai Brown
Análoga -30° +30°
- 6D6980
Heron
- 626D82
≈ Clooney
- 776679
≈ Purple Suede
Tríade +120° +240°
- 6D6980
Heron
- 7E6759
≈ Cocoa Shell
- 57746B
≈ Noble Fir
Complementar dividida +150° +210°
- 6D6980
Heron
- 776B55
≈ Irrigation
- 61725F
≈ Bracken Green
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.27:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 3.98:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--heron: #6d6980;
--heron-rgb: 109 105 128;
--heron-oklch: oklch(0.533 0.036 293.1);
}
.element {
color: var(--heron);
background-color: hsl(250 10% 46%);
border-color: oklch(0.533 0.036 293.1);
}Tailwind CSS v4
@theme {
--color-heron: #6d6980;
--color-heron-50: #f6f3ff;
--color-heron-100: #e8e6f3;
--color-heron-200: #d5d1e2;
--color-heron-300: #b8b4c8;
--color-heron-400: #9f9bb2;
--color-heron-500: #87829c;
--color-heron-600: #726e84;
--color-heron-700: #5b586a;
--color-heron-800: #42404e;
--color-heron-900: #2e2c36;
--color-heron-950: #1a1921;
}SCSS
$heron: #6d6980;
$heron-rgb: 109, 105, 128;
$heron-light: mix(#fff, $heron, 20%);
$heron-dark: mix(#000, $heron, 20%);
.element {
color: $heron;
box-shadow: 0 0 0 2px rgba($heron, 0.35);
}