Adlandırılmış renk · #454D32
Matsuba Green
Matsuba Green, #454D32: rgb(69 77 50), hsl(78 21% 25%), oklch(0.405 0.044 121.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Matsuba Green color name →
#454D32
oklch(0.405 0.044 121.8)
Renk dönüşümleri
- HEX
- #454d32
- RGB
- rgb(69 77 50)
- HSL
- hsl(78 21% 25%)
- HWB
- hwb(78 20% 70%)
- OKLCH
- oklch(0.405 0.044 121.8)
- OKLab
- oklab(0.405 -0.023 0.037)
- CIE Lab
- lab(31.43 -7.33 14.94)
- LCH
- lch(31.43 16.64 116.1)
- CMYK
- cmyk(10% 0% 35% 70%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 555D44
- 676E57
- 787F6A
- 8A907E
- 9DA293
- B0B4A7
- C3C6BD
- D7D9D2
- EBECE9
Koyu tonlar
- 3B422A
- 313722
- 272C1B
- 1E2214
- 15180D
- 0C0F07
- 050703
- 020201
- 000000
Gri tonlar
- 4B523A
- 505741
- 565C49
- 5C6151
- 626658
- 686B60
- 6E7068
- 747670
- 7A7B78
Renk uyumları
Tamamlayıcı +180°
- 454D32
Matsuba Green
- 4D445D
≈ Purple Blanket
Analog -30° +30°
- 454D32
Matsuba Green
- 52482D
≈ Punga
- 37503D
≈ Angry Gremlin
Üçlü +120° +240°
- 454D32
Matsuba Green
- 334C5F
≈ Ingénue Blue
- 5D3F47
≈ Napa Wine
Bölünmüş tamamlayıcı +150° +210°
- 454D32
Matsuba Green
- 404861
≈ Anthracite Blue
- 574054
≈ Bella
Dörtlü +90° +180° +270°
- 454D32
Matsuba Green
- 2B5057
≈ Atlantic Deep
- 4D445D
≈ Purple Blanket
- 5F403A
≈ American Milking Devon
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.89:1 · APCA Lc 90
Ag
FailSiyah üzerinde
WCAG 2.36:1 · APCA Lc 12
En iyi metin rengi: #FFFFFF
WCAG 8.89:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--matsuba-green: #454d32;
--matsuba-green-rgb: 69 77 50;
--matsuba-green-oklch: oklch(0.405 0.044 121.8);
}
.element {
color: var(--matsuba-green);
background-color: hsl(78 21% 25%);
border-color: oklch(0.405 0.044 121.8);
}Tailwind CSS v4
@theme {
--color-matsuba-green: #454d32;
--color-matsuba-green-50: #f2f7ea;
--color-matsuba-green-100: #e5ebdb;
--color-matsuba-green-200: #d0d8c3;
--color-matsuba-green-300: #b3bca3;
--color-matsuba-green-400: #9aa386;
--color-matsuba-green-500: #818b6b;
--color-matsuba-green-600: #6d765b;
--color-matsuba-green-700: #575e48;
--color-matsuba-green-800: #404534;
--color-matsuba-green-900: #2c3023;
--color-matsuba-green-950: #191c12;
}SCSS
$matsuba-green: #454d32;
$matsuba-green-rgb: 69, 77, 50;
$matsuba-green-light: mix(#fff, $matsuba-green, 20%);
$matsuba-green-dark: mix(#000, $matsuba-green, 20%);
.element {
color: $matsuba-green;
box-shadow: 0 0 0 2px rgba($matsuba-green, 0.35);
}