En yakın adlandırılmış renk · #3E6619
#3E6619
En yakın adlandırılmış renk: Forest Empress
#3E6619 (rgb(62 102 25), hsl(91 61% 25%), oklch(0.464 0.115 133.2)) 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.
#3E6619
oklch(0.464 0.115 133.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 507533
- 62834A
- 749260
- 87A176
- 9AB18C
- AEC0A2
- C2CFB9
- D6DFD0
- EAEFE7
Koyu tonlar
- 355814
- 2B4A10
- 233C0B
- 1A2F07
- 122304
- 0A1702
- 040C01
- 010400
- 000000
Gri tonlar
- 456927
- 4B6C33
- 526E3E
- 597148
- 5F7451
- 66765B
- 6C7964
- 737B6E
- 797E77
Renk uyumları
Tamamlayıcı +180°
- 3E6619
Forest Empress
- 6F4386
≈ Amaranth Purple
Analog -30° +30°
- 3E6619
Forest Empress
- 635B00
≈ Brussels Sprout Green
- 006A49
≈ Device Green
Üçlü +120° +240°
- 3E6619
Forest Empress
- 235A97
≈ Beacon Blue
- 8D3946
≈ Raspberry Fool
Bölünmüş tamamlayıcı +150° +210°
- 3E6619
Forest Empress
- 524E96
≈ Liberty
- 833B6A
≈ Midnight Aubergine
Dörtlü +90° +180° +270°
- 3E6619
Forest Empress
- 00637C
≈ Jamaican Dream
- 6F4386
≈ Amaranth Purple
- 8C3F1C
≈ Chocolate Covered
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.73:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.11:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.73:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
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);
}