Color con nombre · #003311
Haunted Hills
Haunted Hills es #003311: rgb(0 51 17), hsl(140 100% 10%), oklch(0.28 0.079 149.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Haunted Hills color name →
#003311
oklch(0.28 0.079 149.2)
Conversiones de color
- HEX
- #003311
- RGB
- rgb(0 51 17)
- HSL
- hsl(140 100% 10%)
- HWB
- hwb(140 0% 80%)
- OKLCH
- oklch(0.28 0.079 149.2)
- OKLab
- oklab(0.28 -0.068 0.04)
- CIE Lab
- lab(17.49 -23.71 16.54)
- LCH
- lch(17.49 28.91 145.1)
- CMYK
- cmyk(100% 0% 67% 80%)
Tintes · Sombras · Tonos
Tintes
- 1C4526
- 34583B
- 4C6B51
- 647F68
- 7C937F
- 95A898
- AFBDB1
- C9D3CA
- E4E9E4
Sombras
- 002B0D
- 002309
- 001C06
- 001404
- 000D02
- 000701
- 000300
- 000100
- 000000
Tonos
- 113A1C
- 1F4226
- 2B4A31
- 38513C
- 435947
- 4F6152
- 5B685D
- 677069
- 747874
Armonías de color
Complementario +180°
- 003311
Haunted Hills
- 3D183C
≈ Nightly Voyager
Análogo -30° +30°
- 003311
Haunted Hills
- 262D00
≈ Blind Forest
- 003129
≈ Fence Green
Triádico +120° +240°
- 003311
Haunted Hills
- 19254F
≈ Space Cadet
- 481610
≈ Minotaur Hide
Complementario dividido +150° +210°
- 003311
Haunted Hills
- 2F1E4A
≈ Elderberry
- 461428
≈ What We Do in the Shadows
Tetrádico +90° +180° +270°
- 003311
Haunted Hills
- 002C45
≈ Midnight Ocean
- 3D183C
≈ Nightly Voyager
- 401F00
≈ Dark Ebony
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 14.17:1 · APCA Lc 101
Ag
FailSobre negro
WCAG 1.48:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 14.17:1 (AAA) · APCA Lc 101
Contrast pairs
Fragmentos de código
CSS
:root {
--haunted-hills: #003311;
--haunted-hills-rgb: 0 51 17;
--haunted-hills-oklch: oklch(0.28 0.079 149.2);
}
.element {
color: var(--haunted-hills);
background-color: hsl(140 100% 10%);
border-color: oklch(0.28 0.079 149.2);
}Tailwind CSS v4
@theme {
--color-haunted-hills: #003311;
--color-haunted-hills-50: #e6fcea;
--color-haunted-hills-100: #d6f0db;
--color-haunted-hills-200: #bddec3;
--color-haunted-hills-300: #9ac3a3;
--color-haunted-hills-400: #7eac85;
--color-haunted-hills-500: #609569;
--color-haunted-hills-600: #517e59;
--color-haunted-hills-700: #416547;
--color-haunted-hills-800: #2f4a32;
--color-haunted-hills-900: #203322;
--color-haunted-hills-950: #101f11;
}SCSS
$haunted-hills: #003311;
$haunted-hills-rgb: 0, 51, 17;
$haunted-hills-light: mix(#fff, $haunted-hills, 20%);
$haunted-hills-dark: mix(#000, $haunted-hills, 20%);
.element {
color: $haunted-hills;
box-shadow: 0 0 0 2px rgba($haunted-hills, 0.35);
}