Color con nombre más cercano · #174F28
#174F28
Color con nombre más cercano: Moor-Monster
#174F28 (rgb(23 79 40), hsl(138 55% 20%), oklch(0.38 0.088 150)) se parece más al color con nombre Moor-Monster. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#174F28
oklch(0.38 0.088 150)
Conversiones de color
- HEX
- #174f28
- RGB
- rgb(23 79 40)
- HSL
- hsl(138 55% 20%)
- HWB
- hwb(138 9% 69%)
- OKLCH
- oklch(0.38 0.088 150)
- OKLab
- oklab(0.38 -0.076 0.044)
- CIE Lab
- lab(29.22 -26.45 17.45)
- LCH
- lch(29.22 31.68 146.6)
- CMYK
- cmyk(71% 0% 49% 69%)
Tintes · Sombras · Tonos
Tintes
- 305F3B
- 46704F
- 5C8163
- 729278
- 89A38D
- A0B5A3
- B7C7B9
- CFDAD0
- E7ECE7
Sombras
- 124421
- 0E381B
- 0A2E15
- 06230F
- 041909
- 021004
- 010702
- 000201
- 000000
Tonos
- 245431
- 305939
- 3B5E42
- 45634B
- 4F6853
- 596D5C
- 637165
- 6C766E
- 767B77
Armonías de color
Complementario +180°
- 174F28
Moor-Monster
- 5C2F58
≈ Japanese Violet
Análogo -30° +30°
- 174F28
Moor-Monster
- 3D4904
≈ No Emissions Green
- 004E44
≈ Fjord Green
Triádico +120° +240°
- 174F28
Moor-Monster
- 313F71
≈ Forbidden Blackberry
- 692E25
≈ Hereford Cow Brown
Complementario dividido +150° +210°
- 174F28
Moor-Monster
- 4A366A
≈ Petunia
- 672C40
≈ Siren
Tetrádico +90° +180° +270°
- 174F28
Moor-Monster
- 00476C
≈ Broadwater Blue
- 5C2F58
≈ Japanese Violet
- 633502
≈ Beasty Brown
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 9.60:1 · APCA Lc 92
Ag
FailSobre negro
WCAG 2.18:1 · APCA Lc 10
Mejor color de texto: #FFFFFF
WCAG 9.60:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--moor-monster: #174f28;
--moor-monster-rgb: 23 79 40;
--moor-monster-oklch: oklch(0.38 0.088 150);
}
.element {
color: var(--moor-monster);
background-color: hsl(138 55% 20%);
border-color: oklch(0.38 0.088 150);
}Tailwind CSS v4
@theme {
--color-moor-monster: #174f28;
--color-moor-monster-50: #e4fde9;
--color-moor-monster-100: #d3f1da;
--color-moor-monster-200: #b9e0c2;
--color-moor-monster-300: #96c5a2;
--color-moor-monster-400: #79ad83;
--color-moor-monster-500: #599767;
--color-moor-monster-600: #4c7f57;
--color-moor-monster-700: #3d6646;
--color-moor-monster-800: #2c4b31;
--color-moor-monster-900: #1e3421;
--color-moor-monster-950: #0e1f10;
}SCSS
$moor-monster: #174f28;
$moor-monster-rgb: 23, 79, 40;
$moor-monster-light: mix(#fff, $moor-monster, 20%);
$moor-monster-dark: mix(#000, $moor-monster, 20%);
.element {
color: $moor-monster;
box-shadow: 0 0 0 2px rgba($moor-monster, 0.35);
}