En yakın adlandırılmış renk · #4F691D
#4F691D
En yakın adlandırılmış renk: Bimi Green
#4F691D (rgb(79 105 29), hsl(81 57% 26%), oklch(0.484 0.106 126.5)) en çok Bimi Green 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.
#4F691D
oklch(0.484 0.106 126.5)
Renk dönüşümleri
- HEX
- #4f691d
- RGB
- rgb(79 105 29)
- HSL
- hsl(81 57% 26%)
- HWB
- hwb(81 11% 59%)
- OKLCH
- oklch(0.484 0.106 126.5)
- OKLab
- oklab(0.484 -0.063 0.085)
- CIE Lab
- lab(41.12 -19.2 37.34)
- LCH
- lch(41.12 41.99 117.2)
- CMYK
- cmyk(25% 0% 72% 59%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5F7736
- 6F864D
- 809463
- 91A378
- A3B28E
- B4C1A4
- C7D0BA
- D9E0D1
- ECEFE8
Koyu tonlar
- 445A18
- 384C13
- 2E3E0E
- 233109
- 192405
- 101803
- 070C01
- 020400
- 000000
Gri tonlar
- 546C2A
- 596E36
- 5D7040
- 62734A
- 677553
- 6C775D
- 717A66
- 767C6E
- 7B7E77
Renk uyumları
Tamamlayıcı +180°
- 4F691D
Bimi Green
- 6E4D8E
≈ Grapes of Italy
Analog -30° +30°
- 4F691D
Bimi Green
- 6F5E00
≈ Green Brown
- 187045
≈ Cloudy Camouflage
Üçlü +120° +240°
- 4F691D
Bimi Green
- 216397
≈ Outer Reef
- 8F4255
≈ Umemurasaki Purple
Bölünmüş tamamlayıcı +150° +210°
- 4F691D
Bimi Green
- 50589A
≈ Purple Frenzy
- 834575
≈ Club Mauve
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.22:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.37:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.22:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--bimi-green: #4f691d;
--bimi-green-rgb: 79 105 29;
--bimi-green-oklch: oklch(0.484 0.106 126.5);
}
.element {
color: var(--bimi-green);
background-color: hsl(81 57% 26%);
border-color: oklch(0.484 0.106 126.5);
}Tailwind CSS v4
@theme {
--color-bimi-green: #4f691d;
--color-bimi-green-50: #ecfcdc;
--color-bimi-green-100: #ddefca;
--color-bimi-green-200: #c7dead;
--color-bimi-green-300: #a7c288;
--color-bimi-green-400: #8eaa63;
--color-bimi-green-500: #74933f;
--color-bimi-green-600: #627c37;
--color-bimi-green-700: #4e632b;
--color-bimi-green-800: #3a491c;
--color-bimi-green-900: #283213;
--color-bimi-green-950: #161e05;
}SCSS
$bimi-green: #4f691d;
$bimi-green-rgb: 79, 105, 29;
$bimi-green-light: mix(#fff, $bimi-green, 20%);
$bimi-green-dark: mix(#000, $bimi-green, 20%);
.element {
color: $bimi-green;
box-shadow: 0 0 0 2px rgba($bimi-green, 0.35);
}