Adlandırılmış renk · #6D6F4F
Toy Tank Green
Toy Tank Green, #6D6F4F: rgb(109 111 79), hsl(64 17% 37%), oklch(0.531 0.047 110.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Toy Tank Green color name →
#6D6F4F
oklch(0.531 0.047 110.9)
Renk dönüşümleri
- HEX
- #6d6f4f
- RGB
- rgb(109 111 79)
- HSL
- hsl(64 17% 37%)
- HWB
- hwb(64 31% 56%)
- OKLCH
- oklch(0.531 0.047 110.9)
- OKLab
- oklab(0.531 -0.017 0.044)
- CIE Lab
- lab(46 -5.04 17.63)
- LCH
- lch(46 18.33 106)
- CMYK
- cmyk(2% 0% 29% 56%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7A7C5F
- 888A70
- 969881
- A5A692
- B3B5A4
- C2C3B5
- D1D2C7
- E0E1DA
- EFF0EC
Koyu tonlar
- 5E6044
- 4F5138
- 41422E
- 333423
- 262719
- 191A10
- 0D0E07
- 040402
- 010100
Gri tonlar
- 6F7154
- 717259
- 73745E
- 747663
- 767868
- 78796D
- 7A7B72
- 7C7D76
- 7E7E7B
Renk uyumları
Tamamlayıcı +180°
- 6D6F4F
Toy Tank Green
- 6C6886
≈ Heron
Analog -30° +30°
- 6D6F4F
Toy Tank Green
- 7A6A4D
≈ Wood Stain Brown
- 5D7359
≈ Vineyard Green
Üçlü +120° +240°
- 6D6F4F
Toy Tank Green
- 507283
≈ Inky Blue
- 82616F
≈ Majestic Plum
Bölünmüş tamamlayıcı +150° +210°
- 6D6F4F
Toy Tank Green
- 5D6D88
≈ Clooney
- 79637D
≈ Montana Grape
Dörtlü +90° +180° +270°
- 6D6F4F
Toy Tank Green
- 4A7577
≈ Cool Waters
- 6C6886
≈ Heron
- 866160
≈ Aged Beech
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.20:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 4.03:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.20:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--toy-tank-green: #6d6f4f;
--toy-tank-green-rgb: 109 111 79;
--toy-tank-green-oklch: oklch(0.531 0.047 110.9);
}
.element {
color: var(--toy-tank-green);
background-color: hsl(64 17% 37%);
border-color: oklch(0.531 0.047 110.9);
}Tailwind CSS v4
@theme {
--color-toy-tank-green: #6d6f4f;
--color-toy-tank-green-50: #f5f7e8;
--color-toy-tank-green-100: #e8ead8;
--color-toy-tank-green-200: #d4d7c0;
--color-toy-tank-green-300: #b7ba9f;
--color-toy-tank-green-400: #9fa181;
--color-toy-tank-green-500: #878965;
--color-toy-tank-green-600: #727456;
--color-toy-tank-green-700: #5b5d44;
--color-toy-tank-green-800: #434431;
--color-toy-tank-green-900: #2f2f21;
--color-toy-tank-green-950: #1b1b10;
}SCSS
$toy-tank-green: #6d6f4f;
$toy-tank-green-rgb: 109, 111, 79;
$toy-tank-green-light: mix(#fff, $toy-tank-green, 20%);
$toy-tank-green-dark: mix(#000, $toy-tank-green, 20%);
.element {
color: $toy-tank-green;
box-shadow: 0 0 0 2px rgba($toy-tank-green, 0.35);
}