En yakın adlandırılmış renk · #556A3B
#556A3B
En yakın adlandırılmış renk: Bimi Green
#556A3B (rgb(85 106 59), hsl(87 28% 32%), oklch(0.495 0.074 128.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.
#556A3B
oklch(0.495 0.074 128.5)
Renk dönüşümleri
- HEX
- #556a3b
- RGB
- rgb(85 106 59)
- HSL
- hsl(87 28% 32%)
- HWB
- hwb(87 23% 58%)
- OKLCH
- oklch(0.495 0.074 128.5)
- OKLab
- oklab(0.495 -0.046 0.058)
- CIE Lab
- lab(42.18 -14.8 23.64)
- LCH
- lch(42.18 27.89 122.1)
- CMYK
- cmyk(20% 0% 44% 58%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 64784E
- 748660
- 859573
- 95A386
- A6B299
- B7C1AD
- C9D0C1
- DBE0D5
- EDEFEA
Koyu tonlar
- 495B32
- 3D4D29
- 313F21
- 263119
- 1C2411
- 111809
- 080D04
- 020401
- 000000
Gri tonlar
- 596C42
- 5D6F4A
- 627151
- 667357
- 6A755E
- 6F7765
- 737A6C
- 777C73
- 7C7E79
Renk uyumları
Tamamlayıcı +180°
- 556A3B
Bimi Green
- 6E5682
≈ Mystical
Analog -30° +30°
- 556A3B
Bimi Green
- 6D622D
≈ Himalaya
- 396F52
≈ Jungle Book Green
Üçlü +120° +240°
- 556A3B
Bimi Green
- 3E658A
≈ Winter Palace
- 864F59
≈ Crushed Berry
Bölünmüş tamamlayıcı +150° +210°
- 556A3B
Bimi Green
- 585D8C
≈ Midnight Sea
- 7E5170
≈ Magnificence
Dörtlü +90° +180° +270°
- 556A3B
Bimi Green
- 256C7E
≈ Allports
- 6E5682
≈ Mystical
- 865342
≈ Red Hook
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.98:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.51:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 5.98:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--bimi-green: #556a3b;
--bimi-green-rgb: 85 106 59;
--bimi-green-oklch: oklch(0.495 0.074 128.5);
}
.element {
color: var(--bimi-green);
background-color: hsl(87 28% 32%);
border-color: oklch(0.495 0.074 128.5);
}Tailwind CSS v4
@theme {
--color-bimi-green: #556a3b;
--color-bimi-green-50: #eefae4;
--color-bimi-green-100: #dfedd4;
--color-bimi-green-200: #cadbba;
--color-bimi-green-300: #abc098;
--color-bimi-green-400: #91a778;
--color-bimi-green-500: #77905a;
--color-bimi-green-600: #657a4d;
--color-bimi-green-700: #51613d;
--color-bimi-green-800: #3c472b;
--color-bimi-green-900: #29311d;
--color-bimi-green-950: #171d0d;
}SCSS
$bimi-green: #556a3b;
$bimi-green-rgb: 85, 106, 59;
$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);
}