Couleur nommée la plus proche · #053710
#053710
Couleur nommée la plus proche: Haunted Hills
#053710 (rgb(5 55 16), hsl(133 83% 12%), oklch(0.295 0.083 146.5)) est la plus proche de la couleur nommée Haunted Hills. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#053710
oklch(0.295 0.083 146.5)
Conversions de couleur
- HEX
- #053710
- RGB
- rgb(5 55 16)
- HSL
- hsl(133 83% 12%)
- HWB
- hwb(133 2% 78%)
- OKLCH
- oklch(0.295 0.083 146.5)
- OKLab
- oklab(0.295 -0.07 0.046)
- CIE Lab
- lab(19.24 -24.06 19.15)
- LCH
- lch(19.24 30.75 141.5)
- CMYK
- cmyk(91% 0% 71% 78%)
Teintes · Ombres · Tons
Teintes
- 214926
- 385B3B
- 4F6E51
- 668268
- 7E9680
- 97AA98
- B0BFB1
- CAD4CA
- E4E9E4
Ombres
- 042E0C
- 032609
- 021E06
- 011604
- 010F02
- 000801
- 000300
- 000100
- 000000
Tons
- 153E1B
- 224526
- 2E4D31
- 3A543C
- 465B47
- 516252
- 5D6A5D
- 687169
- 747974
Harmonies de couleurs
Complémentaire +180°
- 053710
Haunted Hills
- 411B42
≈ Purple Void
Analogue -30° +30°
- 053710
Haunted Hills
- 2B3000
≈ Blind Forest
- 00352C
≈ Fence Green
Triadique +120° +240°
- 053710
Haunted Hills
- 192956
≈ Ultramarine Violet
- 4E1815
≈ Hull Red
Complémentaire divisée +150° +210°
- 053710
Haunted Hills
- 312151
≈ Powerful Violet
- 4B172E
≈ Chilli Black Red
Tétradique +90° +180° +270°
- 053710
Haunted Hills
- 003148
≈ Cosmos Blue
- 411B42
≈ Purple Void
- 472100
≈ Blackened Brown
Contraste et accessibilité
Ag
AAASur blanc
WCAG 13.45:1 · APCA Lc 100
Ag
FailSur noir
WCAG 1.56:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 13.45:1 (AAA) · APCA Lc 100
Contrast pairs
Extraits de code
CSS
:root {
--haunted-hills: #053710;
--haunted-hills-rgb: 5 55 16;
--haunted-hills-oklch: oklch(0.295 0.083 146.5);
}
.element {
color: var(--haunted-hills);
background-color: hsl(133 83% 12%);
border-color: oklch(0.295 0.083 146.5);
}Tailwind CSS v4
@theme {
--color-haunted-hills: #053710;
--color-haunted-hills-50: #e6fce8;
--color-haunted-hills-100: #d6f0d9;
--color-haunted-hills-200: #bddfc1;
--color-haunted-hills-300: #9bc4a0;
--color-haunted-hills-400: #7eac81;
--color-haunted-hills-500: #609565;
--color-haunted-hills-600: #527e56;
--color-haunted-hills-700: #416544;
--color-haunted-hills-800: #304a30;
--color-haunted-hills-900: #203320;
--color-haunted-hills-950: #101f10;
}SCSS
$haunted-hills: #053710;
$haunted-hills-rgb: 5, 55, 16;
$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);
}