En yakın adlandırılmış renk · #3A6510
#3A6510
En yakın adlandırılmış renk: Forest Empress
#3A6510 (rgb(58 101 16), hsl(90 73% 23%), oklch(0.458 0.121 133.5)) 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.
#3A6510
oklch(0.458 0.121 133.5)
Renk dönüşümleri
- HEX
- #3a6510
- RGB
- rgb(58 101 16)
- HSL
- hsl(90 73% 23%)
- HWB
- hwb(90 6% 60%)
- OKLCH
- oklch(0.458 0.121 133.5)
- OKLab
- oklab(0.458 -0.083 0.088)
- CIE Lab
- lab(38.38 -26.5 39.01)
- LCH
- lch(38.38 47.16 124.2)
- CMYK
- cmyk(43% 0% 84% 60%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4C742E
- 5F8346
- 72925C
- 85A173
- 98B089
- ACC0A0
- C0CFB7
- D5DFCF
- EAEFE7
Koyu tonlar
- 31570C
- 284909
- 203C06
- 182F04
- 102202
- 091701
- 040C00
- 010300
- 000000
Gri tonlar
- 416821
- 486B2F
- 506E3A
- 567145
- 5D734F
- 647659
- 6B7963
- 727B6D
- 797E76
Renk uyumları
Tamamlayıcı +180°
- 3A6510
Forest Empress
- 6F4086
≈ Amaranth Purple
Analog -30° +30°
- 3A6510
Forest Empress
- 615900
≈ Ayahuasca Vine
- 006848
≈ Greens
Üçlü +120° +240°
- 3A6510
Forest Empress
- 1D5899
≈ Florentine Lapis
- 8E3543
≈ Raspberry Fool
Bölünmüş tamamlayıcı +150° +210°
- 3A6510
Forest Empress
- 504B98
≈ Liberty
- 843768
≈ Midnight Aubergine
Dörtlü +90° +180° +270°
- 3A6510
Forest Empress
- 00617A
≈ Jamaican Dream
- 6F4086
≈ Amaranth Purple
- 8C3C14
≈ Espresso Martini
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.88:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 3.04:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 6.88:1 (AA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--forest-empress: #3a6510;
--forest-empress-rgb: 58 101 16;
--forest-empress-oklch: oklch(0.458 0.121 133.5);
}
.element {
color: var(--forest-empress);
background-color: hsl(90 73% 23%);
border-color: oklch(0.458 0.121 133.5);
}Tailwind CSS v4
@theme {
--color-forest-empress: #3a6510;
--color-forest-empress-50: #e6fedb;
--color-forest-empress-100: #d7f2ca;
--color-forest-empress-200: #bee1ad;
--color-forest-empress-300: #9cc687;
--color-forest-empress-400: #81ae62;
--color-forest-empress-500: #64973d;
--color-forest-empress-600: #558035;
--color-forest-empress-700: #44662a;
--color-forest-empress-800: #334b1b;
--color-forest-empress-900: #223411;
--color-forest-empress-950: #121f04;
}SCSS
$forest-empress: #3a6510;
$forest-empress-rgb: 58, 101, 16;
$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);
}