Couleur nommée la plus proche · #006313
#006313
Couleur nommée la plus proche: Overgrown Temple
#006313 (rgb(0 99 19), hsl(132 100% 19%), oklch(0.434 0.139 144.4)) est la plus proche de la couleur nommée Overgrown Temple. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#006313
oklch(0.434 0.139 144.4)
Conversions de couleur
- HEX
- #006313
- RGB
- rgb(0 99 19)
- HSL
- hsl(132 100% 19%)
- HWB
- hwb(132 0% 61%)
- OKLCH
- oklch(0.434 0.139 144.4)
- OKLab
- oklab(0.434 -0.113 0.081)
- CIE Lab
- lab(35.95 -38.76 35)
- LCH
- lch(35.95 52.22 137.9)
- CMYK
- cmyk(100% 0% 81% 61%)
Teintes · Ombres · Tons
Teintes
- 2A722E
- 448145
- 5B915C
- 72A072
- 89B089
- A0BFA0
- B8CFB7
- CFDFCF
- E7EFE7
Ombres
- 00550F
- 00470B
- 003A07
- 002E05
- 002103
- 001601
- 000B01
- 000300
- 000000
Tons
- 1C6622
- 2C6A2F
- 386D3A
- 447044
- 4F734F
- 597659
- 637863
- 6D7B6C
- 767E76
Harmonies de couleurs
Complémentaire +180°
- 006313
Overgrown Temple
- 752F7A
≈ Maximum Purple
Analogue -30° +30°
- 006313
Overgrown Temple
- 505600
≈ Douro
- 005F4E
≈ Alpine Green
Triadique +120° +240°
- 006313
Overgrown Temple
- 294B9C
≈ Sea of Tears
- 8E2628
≈ Old Mandarin
Complémentaire divisée +150° +210°
- 006313
Overgrown Temple
- 583C94
≈ Ruthless Empress
- 872655
≈ Dark Raspberry
Tétradique +90° +180° +270°
- 006313
Overgrown Temple
- 00587B
≈ Commandes
- 752F7A
≈ Maximum Purple
- 7D3D00
≈ Hazelnut Chocolate
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.51:1 · APCA Lc 85
Ag
FailSur noir
WCAG 2.79:1 · APCA Lc 17
Meilleure couleur de texte: #FFFFFF
WCAG 7.51:1 (AAA) · APCA Lc 85
Contrast pairs
Extraits de code
CSS
:root {
--overgrown-temple: #006313;
--overgrown-temple-rgb: 0 99 19;
--overgrown-temple-oklch: oklch(0.434 0.139 144.4);
}
.element {
color: var(--overgrown-temple);
background-color: hsl(132 100% 19%);
border-color: oklch(0.434 0.139 144.4);
}Tailwind CSS v4
@theme {
--color-overgrown-temple: #006313;
--color-overgrown-temple-50: #dcffde;
--color-overgrown-temple-100: #cbf5cd;
--color-overgrown-temple-200: #aee5b1;
--color-overgrown-temple-300: #87cb8d;
--color-overgrown-temple-400: #67b468;
--color-overgrown-temple-500: #409d46;
--color-overgrown-temple-600: #38853c;
--color-overgrown-temple-700: #2c6a30;
--color-overgrown-temple-800: #224e1f;
--color-overgrown-temple-900: #163614;
--color-overgrown-temple-950: #072106;
}SCSS
$overgrown-temple: #006313;
$overgrown-temple-rgb: 0, 99, 19;
$overgrown-temple-light: mix(#fff, $overgrown-temple, 20%);
$overgrown-temple-dark: mix(#000, $overgrown-temple, 20%);
.element {
color: $overgrown-temple;
box-shadow: 0 0 0 2px rgba($overgrown-temple, 0.35);
}