Cor nomeada mais próxima · #175F27
#175F27
Cor nomeada mais próxima: Woodland Wonder
#175F27 (rgb(23 95 39), hsl(133 61% 23%), oklch(0.428 0.112 147.1)) é mais próxima da cor nomeada Woodland Wonder. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#175F27
oklch(0.428 0.112 147.1)
Conversões de cor
- HEX
- #175f27
- RGB
- rgb(23 95 39)
- HSL
- hsl(133 61% 23%)
- HWB
- hwb(133 9% 63%)
- OKLCH
- oklch(0.428 0.112 147.1)
- OKLab
- oklab(0.428 -0.094 0.061)
- CIE Lab
- lab(35.04 -32.66 25.06)
- LCH
- lch(35.04 41.16 142.5)
- CMYK
- cmyk(76% 0% 59% 63%)
Tons claros · Sombras · Tons
Tons claros
- 326E3C
- 4A7E50
- 608D65
- 769D79
- 8CAD8F
- A3BDA4
- B9CDBA
- D0DED1
- E7EEE8
Sombras
- 125220
- 0E441A
- 0A3814
- 062C0E
- 042008
- 021504
- 010A02
- 000301
- 000000
Tons
- 266331
- 33663A
- 3E6A43
- 486D4C
- 527054
- 5B745D
- 657766
- 6E7A6F
- 777D77
Harmonias de cor
Complementar +180°
- 175F27
Woodland Wonder
- 6E366F
≈ Eminence
Análoga -30° +30°
- 175F27
Woodland Wonder
- 4C5600
≈ Highlands Moss
- 005D4E
≈ Alpine Green
Tríade +120° +240°
- 175F27
Woodland Wonder
- 344B8C
≈ Blue Highlight
- 82322C
≈ Dockside Red
Complementar dividida +150° +210°
- 175F27
Woodland Wonder
- 573F84
≈ Harvest Night
- 7D3050
≈ Flirt
Tétrade +90° +180° +270°
- 175F27
Woodland Wonder
- 00567C
≈ Real Mccoy
- 6E366F
≈ Eminence
- 783E00
≈ Hazelnut Chocolate
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.77:1 · APCA Lc 87
Ag
FailSobre preto
WCAG 2.70:1 · APCA Lc 15
Melhor cor de texto: #FFFFFF
WCAG 7.77:1 (AAA) · APCA Lc 87
Contrast pairs
Trechos de código
CSS
:root {
--woodland-wonder: #175f27;
--woodland-wonder-rgb: 23 95 39;
--woodland-wonder-oklch: oklch(0.428 0.112 147.1);
}
.element {
color: var(--woodland-wonder);
background-color: hsl(133 61% 23%);
border-color: oklch(0.428 0.112 147.1);
}Tailwind CSS v4
@theme {
--color-woodland-wonder: #175f27;
--color-woodland-wonder-50: #e0ffe4;
--color-woodland-wonder-100: #cff3d4;
--color-woodland-wonder-200: #b3e2ba;
--color-woodland-wonder-300: #8fc898;
--color-woodland-wonder-400: #70b177;
--color-woodland-wonder-500: #4d9a58;
--color-woodland-wonder-600: #42824b;
--color-woodland-wonder-700: #35683c;
--color-woodland-wonder-800: #274c29;
--color-woodland-wonder-900: #1a351b;
--color-woodland-wonder-950: #0a200c;
}SCSS
$woodland-wonder: #175f27;
$woodland-wonder-rgb: 23, 95, 39;
$woodland-wonder-light: mix(#fff, $woodland-wonder, 20%);
$woodland-wonder-dark: mix(#000, $woodland-wonder, 20%);
.element {
color: $woodland-wonder;
box-shadow: 0 0 0 2px rgba($woodland-wonder, 0.35);
}