Cor nomeada · #717E73
Boreal
Boreal é #717E73: rgb(113 126 115), hsl(129 5% 47%), oklch(0.579 0.023 149.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Boreal color name →
#717E73
oklch(0.579 0.023 149.9)
Conversões de cor
- HEX
- #717e73
- RGB
- rgb(113 126 115)
- HSL
- hsl(129 5% 47%)
- HWB
- hwb(129 44% 51%)
- OKLCH
- oklch(0.579 0.023 149.9)
- OKLab
- oklab(0.579 -0.02 0.011)
- CIE Lab
- lab(51.46 -6.69 4.29)
- LCH
- lch(51.46 7.95 147.3)
- CMYK
- cmyk(10% 0% 9% 51%)
Tons claros · Sombras · Tons
Tons claros
- 7E8A80
- 8C968D
- 99A39B
- A7B0A9
- B6BCB7
- C4C9C5
- D2D7D3
- E1E4E1
- F0F1F0
Sombras
- 616D63
- 525C54
- 434C45
- 353C36
- 272D28
- 1A1F1B
- 0E110F
- 040505
- 010101
Tons
- 737E74
- 747E76
- 767F77
- 777F78
- 797F7A
- 7A7F7B
- 7C7F7C
- 7D807D
- 7F807F
Harmonias de cor
Complementar +180°
- 717E73
Boreal
- 827581
≈ Chain Mail
Análoga -30° +30°
- 717E73
Boreal
- 787C6D
≈ Wild Pigeon
- 6C7F7A
≈ Sabiasagi Blue
Tríade +120° +240°
- 717E73
Boreal
- 757A88
≈ Abandoned Spaceship
- 877572
≈ Soft Bark
Complementar dividida +150° +210°
- 717E73
Boreal
- 7C7786
≈ Brewing Storm
- 867579
≈ Choo Choo
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.25:1 · APCA Lc 69
Ag
AASobre preto
WCAG 4.93:1 · APCA Lc 32
Melhor cor de texto: #000000
WCAG 4.93:1 (AA) · APCA Lc 32
Contrast pairs
Trechos de código
CSS
:root {
--boreal: #717e73;
--boreal-rgb: 113 126 115;
--boreal-oklch: oklch(0.579 0.023 149.9);
}
.element {
color: var(--boreal);
background-color: hsl(129 5% 47%);
border-color: oklch(0.579 0.023 149.9);
}Tailwind CSS v4
@theme {
--color-boreal: #717e73;
--color-boreal-50: #f1f7f2;
--color-boreal-100: #e3eae4;
--color-boreal-200: #ced7cf;
--color-boreal-300: #afbbb2;
--color-boreal-400: #95a297;
--color-boreal-500: #7c8b7e;
--color-boreal-600: #69756b;
--color-boreal-700: #545e55;
--color-boreal-800: #3d453e;
--color-boreal-900: #2a2f2b;
--color-boreal-950: #181c18;
}SCSS
$boreal: #717e73;
$boreal-rgb: 113, 126, 115;
$boreal-light: mix(#fff, $boreal, 20%);
$boreal-dark: mix(#000, $boreal, 20%);
.element {
color: $boreal;
box-shadow: 0 0 0 2px rgba($boreal, 0.35);
}