Cor nomeada mais próxima · #66704E
#66704E
Cor nomeada mais próxima: Hinterland
#66704E (rgb(102 112 78), hsl(78 18% 37%), oklch(0.527 0.052 121.5)) é mais próxima da cor nomeada Hinterland. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#66704E
oklch(0.527 0.052 121.5)
Conversões de cor
- HEX
- #66704e
- RGB
- rgb(102 112 78)
- HSL
- hsl(78 18% 37%)
- HWB
- hwb(78 31% 56%)
- OKLCH
- oklch(0.527 0.052 121.5)
- OKLab
- oklab(0.527 -0.027 0.044)
- CIE Lab
- lab(45.68 -8.67 17.64)
- LCH
- lch(45.68 19.66 116.2)
- CMYK
- cmyk(9% 0% 30% 56%)
Tons claros · Sombras · Tons
Tons claros
- 747D5E
- 828B6F
- 919980
- A0A791
- AFB5A3
- BFC4B5
- CED2C7
- DEE1D9
- EFF0EC
Sombras
- 586043
- 4A5138
- 3C432D
- 2F3523
- 232719
- 171A0F
- 0C0E07
- 040402
- 000100
Tons
- 697253
- 6B7358
- 6E755D
- 707762
- 737867
- 757A6C
- 787B71
- 7B7D76
- 7D7E7B
Harmonias de cor
Complementar +180°
- 66704E
Hinterland
- 706485
≈ Posy Purple
Análoga -30° +30°
- 66704E
Hinterland
- 766A48
≈ Old Willow Leaf
- 55745C
≈ Painted Turtle
Tríade +120° +240°
- 66704E
Hinterland
- 506F87
≈ Shipyard
- 855F69
≈ Celine
Complementar dividida +150° +210°
- 66704E
Hinterland
- 606A8A
≈ Grape Haze
- 7D6079
≈ Purple Gumdrop
Tétrade +90° +180° +270°
- 66704E
Hinterland
- 46737C
≈ Flip
- 706485
≈ Posy Purple
- 876058
≈ Clove
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.25:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 3.99:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--hinterland: #66704e;
--hinterland-rgb: 102 112 78;
--hinterland-oklch: oklch(0.527 0.052 121.5);
}
.element {
color: var(--hinterland);
background-color: hsl(78 18% 37%);
border-color: oklch(0.527 0.052 121.5);
}Tailwind CSS v4
@theme {
--color-hinterland: #66704e;
--color-hinterland-50: #f2f8e8;
--color-hinterland-100: #e4ebd8;
--color-hinterland-200: #d0d8c0;
--color-hinterland-300: #b2bc9f;
--color-hinterland-400: #99a482;
--color-hinterland-500: #808c65;
--color-hinterland-600: #6d7656;
--color-hinterland-700: #575f44;
--color-hinterland-800: #404531;
--color-hinterland-900: #2c3021;
--color-hinterland-950: #191c10;
}SCSS
$hinterland: #66704e;
$hinterland-rgb: 102, 112, 78;
$hinterland-light: mix(#fff, $hinterland, 20%);
$hinterland-dark: mix(#000, $hinterland, 20%);
.element {
color: $hinterland;
box-shadow: 0 0 0 2px rgba($hinterland, 0.35);
}