Color con nombre · #415A09
Lustrian Undergrowth
Lustrian Undergrowth es #415A09: rgb(65 90 9), hsl(79 82% 19%), oklch(0.432 0.106 126.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Lustrian Undergrowth color name →
#415A09
oklch(0.432 0.106 126.5)
Conversiones de color
- HEX
- #415a09
- RGB
- rgb(65 90 9)
- HSL
- hsl(79 82% 19%)
- HWB
- hwb(79 4% 65%)
- OKLCH
- oklch(0.432 0.106 126.5)
- OKLab
- oklab(0.432 -0.063 0.085)
- CIE Lab
- lab(35.05 -18.85 38.38)
- LCH
- lch(35.05 42.76 116.2)
- CMYK
- cmyk(28% 0% 90% 65%)
Tintes · Sombras · Tonos
Tintes
- 526929
- 637941
- 758958
- 88996F
- 9BAA86
- AEBA9E
- C2CBB5
- D6DCCE
- EAEEE6
Sombras
- 374D07
- 2E4105
- 253503
- 1C2902
- 131E01
- 0B1301
- 050900
- 010300
- 000000
Tonos
- 475E1D
- 4D622A
- 536636
- 596A42
- 606E4C
- 667157
- 6C7561
- 73796B
- 797C76
Armonías de color
Complementario +180°
- 415A09
Lustrian Undergrowth
- 5F3E7D
≈ Dark Pansy
Análogo -30° +30°
- 415A09
Lustrian Undergrowth
- 5E4F00
≈ Scorzonera Brown
- 006038
≈ Spruce
Triádico +120° +240°
- 415A09
Lustrian Undergrowth
- 0D5486
≈ Dark Denim
- 7E3347
≈ Rhododendron
Complementario dividido +150° +210°
- 415A09
Lustrian Undergrowth
- 424989
≈ Merlin’s Robe
- 733766
≈ Ayame Iris
Tetrádico +90° +180° +270°
- 415A09
Lustrian Undergrowth
- 005A6B
≈ Oceanside
- 5F3E7D
≈ Dark Pansy
- 803723
≈ Roycroft Copper Red
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.80:1 · APCA Lc 87
Ag
FailSobre negro
WCAG 2.69:1 · APCA Lc 15
Mejor color de texto: #FFFFFF
WCAG 7.80:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmentos de código
CSS
:root {
--lustrian-undergrowth: #415a09;
--lustrian-undergrowth-rgb: 65 90 9;
--lustrian-undergrowth-oklch: oklch(0.432 0.106 126.5);
}
.element {
color: var(--lustrian-undergrowth);
background-color: hsl(79 82% 19%);
border-color: oklch(0.432 0.106 126.5);
}Tailwind CSS v4
@theme {
--color-lustrian-undergrowth: #415a09;
--color-lustrian-undergrowth-50: #ecfcdc;
--color-lustrian-undergrowth-100: #ddefca;
--color-lustrian-undergrowth-200: #c7deae;
--color-lustrian-undergrowth-300: #a7c288;
--color-lustrian-undergrowth-400: #8eaa64;
--color-lustrian-undergrowth-500: #749340;
--color-lustrian-undergrowth-600: #627c37;
--color-lustrian-undergrowth-700: #4e632c;
--color-lustrian-undergrowth-800: #3a481d;
--color-lustrian-undergrowth-900: #283213;
--color-lustrian-undergrowth-950: #161e05;
}SCSS
$lustrian-undergrowth: #415a09;
$lustrian-undergrowth-rgb: 65, 90, 9;
$lustrian-undergrowth-light: mix(#fff, $lustrian-undergrowth, 20%);
$lustrian-undergrowth-dark: mix(#000, $lustrian-undergrowth, 20%);
.element {
color: $lustrian-undergrowth;
box-shadow: 0 0 0 2px rgba($lustrian-undergrowth, 0.35);
}