Couleur nommée la plus proche · #3E6619
#3E6619
Couleur nommée la plus proche: Forest Empress
#3E6619 (rgb(62 102 25), hsl(91 61% 25%), oklch(0.464 0.115 133.2)) est la plus proche de la couleur nommée Forest Empress. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#3E6619
oklch(0.464 0.115 133.2)
Conversions de couleur
- HEX
- #3e6619
- RGB
- rgb(62 102 25)
- HSL
- hsl(91 61% 25%)
- HWB
- hwb(91 10% 60%)
- OKLCH
- oklch(0.464 0.115 133.2)
- OKLab
- oklab(0.464 -0.078 0.084)
- CIE Lab
- lab(38.99 -24.98 36.45)
- LCH
- lch(38.99 44.19 124.4)
- CMYK
- cmyk(39% 0% 75% 60%)
Teintes · Ombres · Tons
Teintes
- 507533
- 62834A
- 749260
- 87A176
- 9AB18C
- AEC0A2
- C2CFB9
- D6DFD0
- EAEFE7
Ombres
- 355814
- 2B4A10
- 233C0B
- 1A2F07
- 122304
- 0A1702
- 040C01
- 010400
- 000000
Tons
- 456927
- 4B6C33
- 526E3E
- 597148
- 5F7451
- 66765B
- 6C7964
- 737B6E
- 797E77
Harmonies de couleurs
Complémentaire +180°
- 3E6619
Forest Empress
- 6F4386
≈ Amaranth Purple
Analogue -30° +30°
- 3E6619
Forest Empress
- 635B00
≈ Brussels Sprout Green
- 006A49
≈ Device Green
Triadique +120° +240°
- 3E6619
Forest Empress
- 235A97
≈ Beacon Blue
- 8D3946
≈ Raspberry Fool
Complémentaire divisée +150° +210°
- 3E6619
Forest Empress
- 524E96
≈ Liberty
- 833B6A
≈ Midnight Aubergine
Tétradique +90° +180° +270°
- 3E6619
Forest Empress
- 00637C
≈ Jamaican Dream
- 6F4386
≈ Amaranth Purple
- 8C3F1C
≈ Chocolate Covered
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.73:1 · APCA Lc 83
Ag
FailSur noir
WCAG 3.11:1 · APCA Lc 19
Meilleure couleur de texte: #FFFFFF
WCAG 6.73:1 (AA) · APCA Lc 83
Contrast pairs
Extraits de code
CSS
:root {
--forest-empress: #3e6619;
--forest-empress-rgb: 62 102 25;
--forest-empress-oklch: oklch(0.464 0.115 133.2);
}
.element {
color: var(--forest-empress);
background-color: hsl(91 61% 25%);
border-color: oklch(0.464 0.115 133.2);
}Tailwind CSS v4
@theme {
--color-forest-empress: #3e6619;
--color-forest-empress-50: #e7fddd;
--color-forest-empress-100: #d8f1cb;
--color-forest-empress-200: #bfe0af;
--color-forest-empress-300: #9ec58a;
--color-forest-empress-400: #83ad65;
--color-forest-empress-500: #679642;
--color-forest-empress-600: #577f39;
--color-forest-empress-700: #46662d;
--color-forest-empress-800: #344a1d;
--color-forest-empress-900: #233413;
--color-forest-empress-950: #121f05;
}SCSS
$forest-empress: #3e6619;
$forest-empress-rgb: 62, 102, 25;
$forest-empress-light: mix(#fff, $forest-empress, 20%);
$forest-empress-dark: mix(#000, $forest-empress, 20%);
.element {
color: $forest-empress;
box-shadow: 0 0 0 2px rgba($forest-empress, 0.35);
}