En yakın adlandırılmış renk · #47492C
#47492C
En yakın adlandırılmış renk: Jungle King
#47492C (rgb(71 73 44), hsl(64 25% 23%), oklch(0.395 0.045 111.7)) en çok Jungle King 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.
#47492C
oklch(0.395 0.045 111.7)
Renk dönüşümleri
- HEX
- #47492c
- RGB
- rgb(71 73 44)
- HSL
- hsl(64 25% 23%)
- HWB
- hwb(64 17% 71%)
- OKLCH
- oklch(0.395 0.045 111.7)
- OKLab
- oklab(0.395 -0.017 0.042)
- CIE Lab
- lab(30.23 -4.8 17.09)
- LCH
- lch(30.23 17.75 105.7)
- CMYK
- cmyk(3% 0% 40% 71%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 57593F
- 686A52
- 7A7C66
- 8B8D7B
- 9E9F8F
- B0B2A5
- C4C5BB
- D7D8D1
- EBEBE8
Koyu tonlar
- 3D3E25
- 32341E
- 282A17
- 1F2011
- 16170A
- 0D0E05
- 060602
- 020201
- 000000
Gri tonlar
- 4C4E34
- 52543D
- 575945
- 5D5F4D
- 636455
- 686A5E
- 6E6F66
- 74756F
- 7A7A77
Renk uyumları
Tamamlayıcı +180°
- 47492C
Jungle King
- 47425D
≈ Club Grey
Analog -30° +30°
- 47492C
Jungle King
- 53442A
≈ Garden Loam
- 394D36
≈ Mountain View
Üçlü +120° +240°
- 47492C
Jungle King
- 2C4B5B
≈ Deep Sea Blue
- 5A3C49
≈ Siliceous Red
Bölünmüş tamamlayıcı +150° +210°
- 47492C
Jungle King
- 39475F
≈ Anthracite Blue
- 523E55
≈ Currant Violet
Dörtlü +90° +180° +270°
- 47492C
Jungle King
- 264E51
≈ Seagrass Green
- 47425D
≈ Club Grey
- 5D3D3C
≈ Wine Brown
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.30:1 · APCA Lc 91
Ag
FailSiyah üzerinde
WCAG 2.25:1 · APCA Lc 11
En iyi metin rengi: #FFFFFF
WCAG 9.30:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--jungle-king: #47492c;
--jungle-king-rgb: 71 73 44;
--jungle-king-oklch: oklch(0.395 0.045 111.7);
}
.element {
color: var(--jungle-king);
background-color: hsl(64 25% 23%);
border-color: oklch(0.395 0.045 111.7);
}Tailwind CSS v4
@theme {
--color-jungle-king: #47492c;
--color-jungle-king-50: #f5f7e8;
--color-jungle-king-100: #e7ead9;
--color-jungle-king-200: #d4d7c1;
--color-jungle-king-300: #b7baa0;
--color-jungle-king-400: #9fa183;
--color-jungle-king-500: #878967;
--color-jungle-king-600: #727457;
--color-jungle-king-700: #5b5d46;
--color-jungle-king-800: #434432;
--color-jungle-king-900: #2e2f22;
--color-jungle-king-950: #1b1b11;
}SCSS
$jungle-king: #47492c;
$jungle-king-rgb: 71, 73, 44;
$jungle-king-light: mix(#fff, $jungle-king, 20%);
$jungle-king-dark: mix(#000, $jungle-king, 20%);
.element {
color: $jungle-king;
box-shadow: 0 0 0 2px rgba($jungle-king, 0.35);
}