En yakın adlandırılmış renk · #336D11
#336D11
En yakın adlandırılmış renk: Forest Empress
#336D11 (rgb(51 109 17), hsl(98 73% 25%), oklch(0.477 0.135 137)) en çok Forest Empress adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#336D11
oklch(0.477 0.135 137)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 477B2F
- 5B8947
- 6F985E
- 83A675
- 97B58B
- ABC3A2
- C0D2B8
- D4E1D0
- EAF0E7
Koyu tonlar
- 2B5E0D
- 234F09
- 1C4106
- 143304
- 0D2602
- 071901
- 030D00
- 010400
- 000100
Gri tonlar
- 3C6F23
- 447130
- 4C743C
- 547646
- 5C7850
- 63795A
- 6A7B64
- 727D6D
- 797F77
Renk uyumları
Tamamlayıcı +180°
- 336D11
Forest Empress
- 7A408E
≈ Amaranth Purple
Analog -30° +30°
- 336D11
Forest Empress
- 646000
≈ Green Brown
- 006E51
≈ Natural Watercourse
Üçlü +120° +240°
- 336D11
Forest Empress
- 235BA7
≈ Miracle at Wrigley
- 9A3541
≈ High Drama
Bölünmüş tamamlayıcı +150° +210°
- 336D11
Forest Empress
- 5A4DA4
≈ Ultrapurple Merge
- 90376B
≈ Powder Red
Dörtlü +90° +180° +270°
- 336D11
Forest Empress
- 006685
≈ Journey Into Night
- 7A408E
≈ Amaranth Purple
- 963F00
≈ Hot Brown
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.29:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.33:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.29:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
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);
}