En yakın adlandırılmış renk · #3D815F
#3D815F
En yakın adlandırılmış renk: Amazon
#3D815F (rgb(61 129 95), hsl(150 36% 37%), oklch(0.549 0.088 159.7)) en çok Amazon 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.
#3D815F
oklch(0.549 0.088 159.7)
Renk dönüşümleri
- HEX
- #3d815f
- RGB
- rgb(61 129 95)
- HSL
- hsl(150 36% 37%)
- HWB
- hwb(150 24% 49%)
- OKLCH
- oklch(0.549 0.088 159.7)
- OKLab
- oklab(0.549 -0.083 0.031)
- CIE Lab
- lab(48.85 -29 11.63)
- LCH
- lch(48.85 31.25 158.2)
- CMYK
- cmyk(53% 0% 26% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 528D6E
- 65997D
- 78A68C
- 8BB29C
- 9EBFAC
- B1CBBC
- C5D8CC
- D8E5DD
- EBF2EE
Koyu tonlar
- 346F52
- 2B5E44
- 224E38
- 1A3E2C
- 122E20
- 0A1F15
- 04120A
- 010603
- 000100
Gri tonlar
- 468162
- 4E8166
- 558169
- 5C816C
- 628170
- 698173
- 6F8176
- 758179
- 7A807D
Renk uyumları
Tamamlayıcı +180°
- 3D815F
Amazon
- 935C82
≈ Antique Fuchsia
Analog -30° +30°
- 3D815F
Amazon
- 607B42
≈ Noble Eric
- 1B817C
≈ Blue Winged Teal
Üçlü +120° +240°
- 3D815F
Amazon
- 676BA4
≈ Dusted Peri
- 9D5F49
≈ Vintage Copper
Bölünmüş tamamlayıcı +150° +210°
- 3D815F
Amazon
- 816298
≈ Jubilee
- 9D5B66
≈ Beef Jerky
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.66:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.50:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--amazon: #3d815f;
--amazon-rgb: 61 129 95;
--amazon-oklch: oklch(0.549 0.088 159.7);
}
.element {
color: var(--amazon);
background-color: hsl(150 36% 37%);
border-color: oklch(0.549 0.088 159.7);
}Tailwind CSS v4
@theme {
--color-amazon: #3d815f;
--color-amazon-50: #e0feed;
--color-amazon-100: #cff2df;
--color-amazon-200: #b4e1c9;
--color-amazon-300: #8fc6a9;
--color-amazon-400: #6faf8c;
--color-amazon-500: #4c9872;
--color-amazon-600: #418160;
--color-amazon-700: #34674d;
--color-amazon-800: #264c36;
--color-amazon-900: #193525;
--color-amazon-950: #092014;
}SCSS
$amazon: #3d815f;
$amazon-rgb: 61, 129, 95;
$amazon-light: mix(#fff, $amazon, 20%);
$amazon-dark: mix(#000, $amazon, 20%);
.element {
color: $amazon;
box-shadow: 0 0 0 2px rgba($amazon, 0.35);
}