Cor nomeada mais próxima · #3F6E25
#3F6E25
Cor nomeada mais próxima: Forest Empress
#3F6E25 (rgb(63 110 37), hsl(99 50% 29%), oklch(0.488 0.116 136.2)) é mais próxima da cor nomeada Forest Empress. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#3F6E25
oklch(0.488 0.116 136.2)
Conversões de cor
- HEX
- #3f6e25
- RGB
- rgb(63 110 37)
- HSL
- hsl(99 50% 29%)
- HWB
- hwb(99 15% 57%)
- OKLCH
- oklch(0.488 0.116 136.2)
- OKLab
- oklab(0.488 -0.084 0.08)
- CIE Lab
- lab(41.84 -27.33 34.18)
- LCH
- lch(41.84 43.76 128.6)
- CMYK
- cmyk(43% 0% 66% 57%)
Tons claros · Sombras · Tons
Tons claros
- 517C3C
- 648A51
- 769866
- 89A67B
- 9CB591
- AFC3A6
- C3D2BC
- D6E1D2
- EBF0E8
Sombras
- 355F1F
- 2C5019
- 234113
- 1B330D
- 122608
- 0A1904
- 040E02
- 010400
- 000100
Tons
- 467030
- 4D723B
- 537444
- 5A764D
- 607856
- 677A5F
- 6D7B67
- 737D6F
- 7A7E78
Harmonias de cor
Complementar +180°
- 3F6E25
Forest Empress
- 79498B
≈ Purple Sapphire
Análoga -30° +30°
- 3F6E25
Forest Empress
- 686300
≈ Earthy Khaki Green
- 007153
≈ Lush Meadow
Tríade +120° +240°
- 3F6E25
Forest Empress
- 2F60A0
≈ Zydeco Blue
- 964049
≈ Egyptian Red
Complementar dividida +150° +210°
- 3F6E25
Forest Empress
- 5C549E
≈ Coronation Blue
- 8D416D
≈ Bonbon Red
Tétrade +90° +180° +270°
- 3F6E25
Forest Empress
- 006A88
≈ Techno Blue
- 79498B
≈ Purple Sapphire
- 93471E
≈ Madeira Brown
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.05:1 · APCA Lc 80
Ag
FailSobre preto
WCAG 3.46:1 · APCA Lc 22
Melhor cor de texto: #FFFFFF
WCAG 6.05:1 (AA) · APCA Lc 80
Contrast pairs
Trechos de código
CSS
:root {
--forest-empress: #3f6e25;
--forest-empress-rgb: 63 110 37;
--forest-empress-oklch: oklch(0.488 0.116 136.2);
}
.element {
color: var(--forest-empress);
background-color: hsl(99 50% 29%);
border-color: oklch(0.488 0.116 136.2);
}Tailwind CSS v4
@theme {
--color-forest-empress: #3f6e25;
--color-forest-empress-50: #e5fede;
--color-forest-empress-100: #d5f2cc;
--color-forest-empress-200: #bce1b1;
--color-forest-empress-300: #9ac68c;
--color-forest-empress-400: #7fae68;
--color-forest-empress-500: #619745;
--color-forest-empress-600: #53803c;
--color-forest-empress-700: #42662f;
--color-forest-empress-800: #314b1f;
--color-forest-empress-900: #213414;
--color-forest-empress-950: #101f06;
}SCSS
$forest-empress: #3f6e25;
$forest-empress-rgb: 63, 110, 37;
$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);
}