En yakın adlandırılmış renk · #59632B
#59632B
En yakın adlandırılmış renk: Bimi Green
#59632B (rgb(89 99 43), hsl(71 39% 28%), oklch(0.478 0.08 118)) 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.
#59632B
oklch(0.478 0.08 118)
Renk dönüşümleri
- HEX
- #59632b
- RGB
- rgb(89 99 43)
- HSL
- hsl(71 39% 28%)
- HWB
- hwb(71 17% 61%)
- OKLCH
- oklch(0.478 0.08 118)
- OKLab
- oklab(0.478 -0.038 0.071)
- CIE Lab
- lab(40.1 -10.84 29.92)
- LCH
- lch(40.1 31.83 109.9)
- CMYK
- cmyk(10% 0% 57% 61%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 687240
- 778054
- 878F69
- 979F7D
- A8AE92
- B9BEA7
- CACEBD
- DBDED2
- EDEEE9
Koyu tonlar
- 4C5524
- 40471D
- 343A16
- 282E10
- 1D210A
- 131605
- 090B02
- 030301
- 000000
Gri tonlar
- 5D6635
- 60693E
- 646C47
- 686F4F
- 6C7257
- 707560
- 747868
- 787A70
- 7C7D78
Renk uyumları
Tamamlayıcı +180°
- 59632B
Bimi Green
- 625384
≈ Wool Violet
Analog -30° +30°
- 59632B
Bimi Green
- 705A20
≈ Olivary
- 3B6943
≈ Friendly Fairway
Üçlü +120° +240°
- 59632B
Bimi Green
- 2B6385
≈ Carbide
- 81495D
≈ Frenzied Red
Bölünmüş tamamlayıcı +150° +210°
- 59632B
Bimi Green
- 495B8A
≈ Gem
- 754C74
≈ Cabbage Blossom Violet
Dörtlü +90° +180° +270°
- 59632B
Bimi Green
- 086974
≈ Cotton Indigo
- 625384
≈ Wool Violet
- 844A43
≈ Henna
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.47:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.24:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.47:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--bimi-green: #59632b;
--bimi-green-rgb: 89 99 43;
--bimi-green-oklch: oklch(0.478 0.08 118);
}
.element {
color: var(--bimi-green);
background-color: hsl(71 39% 28%);
border-color: oklch(0.478 0.08 118);
}Tailwind CSS v4
@theme {
--color-bimi-green: #59632b;
--color-bimi-green-50: #f2f9e0;
--color-bimi-green-100: #e4eccf;
--color-bimi-green-200: #cfdab4;
--color-bimi-green-300: #b2be90;
--color-bimi-green-400: #9aa56f;
--color-bimi-green-500: #818d4e;
--color-bimi-green-600: #6d7843;
--color-bimi-green-700: #576035;
--color-bimi-green-800: #414625;
--color-bimi-green-900: #2d3018;
--color-bimi-green-950: #1a1d09;
}SCSS
$bimi-green: #59632b;
$bimi-green-rgb: 89, 99, 43;
$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);
}