Colore con nome più vicino · #336D11
#336D11
Colore con nome più vicino: Forest Empress
#336D11 (rgb(51 109 17), hsl(98 73% 25%), oklch(0.477 0.135 137)) è più vicino al colore con nome Forest Empress. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#336D11
oklch(0.477 0.135 137)
Conversioni di colore
- HEX
- #336d11
- RGB
- rgb(51 109 17)
- HSL
- hsl(98 73% 25%)
- HWB
- hwb(98 7% 57%)
- OKLCH
- oklch(0.477 0.135 137)
- OKLab
- oklab(0.477 -0.099 0.092)
- CIE Lab
- lab(40.79 -32.17 40.71)
- LCH
- lch(40.79 51.89 128.3)
- CMYK
- cmyk(53% 0% 84% 57%)
Tinte · Ombre · Toni
Tinte
- 477B2F
- 5B8947
- 6F985E
- 83A675
- 97B58B
- ABC3A2
- C0D2B8
- D4E1D0
- EAF0E7
Ombre
- 2B5E0D
- 234F09
- 1C4106
- 143304
- 0D2602
- 071901
- 030D00
- 010400
- 000100
Toni
- 3C6F23
- 447130
- 4C743C
- 547646
- 5C7850
- 63795A
- 6A7B64
- 727D6D
- 797F77
Armonie di colore
Complementare +180°
- 336D11
Forest Empress
- 7A408E
≈ Amaranth Purple
Analogo -30° +30°
- 336D11
Forest Empress
- 646000
≈ Green Brown
- 006E51
≈ Natural Watercourse
Triadico +120° +240°
- 336D11
Forest Empress
- 235BA7
≈ Miracle at Wrigley
- 9A3541
≈ High Drama
Complementare divisa +150° +210°
- 336D11
Forest Empress
- 5A4DA4
≈ Ultrapurple Merge
- 90376B
≈ Powder Red
Tetradico +90° +180° +270°
- 336D11
Forest Empress
- 006685
≈ Journey Into Night
- 7A408E
≈ Amaranth Purple
- 963F00
≈ Hot Brown
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.29:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.33:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.29:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--forest-empress: #336d11;
--forest-empress-rgb: 51 109 17;
--forest-empress-oklch: oklch(0.477 0.135 137);
}
.element {
color: var(--forest-empress);
background-color: hsl(98 73% 25%);
border-color: oklch(0.477 0.135 137);
}Tailwind CSS v4
@theme {
--color-forest-empress: #336d11;
--color-forest-empress-50: #e2ffda;
--color-forest-empress-100: #d2f3c8;
--color-forest-empress-200: #b7e3ab;
--color-forest-empress-300: #94c885;
--color-forest-empress-400: #77b15f;
--color-forest-empress-500: #589a38;
--color-forest-empress-600: #4b8231;
--color-forest-empress-700: #3b6827;
--color-forest-empress-800: #2d4c18;
--color-forest-empress-900: #1e350f;
--color-forest-empress-950: #0e2003;
}SCSS
$forest-empress: #336d11;
$forest-empress-rgb: 51, 109, 17;
$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);
}