En yakın adlandırılmış renk · #3C7852
#3C7852
En yakın adlandırılmış renk: Amazon
#3C7852 (rgb(60 120 82), hsl(142 33% 35%), oklch(0.521 0.087 154.2)) 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.
#3C7852
oklch(0.521 0.087 154.2)
Renk dönüşümleri
- HEX
- #3c7852
- RGB
- rgb(60 120 82)
- HSL
- hsl(142 33% 35%)
- HWB
- hwb(142 24% 53%)
- OKLCH
- oklch(0.521 0.087 154.2)
- OKLab
- oklab(0.521 -0.079 0.038)
- CIE Lab
- lab(45.61 -27.47 14.68)
- LCH
- lch(45.61 31.14 151.9)
- CMYK
- cmyk(50% 0% 32% 53%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 508562
- 639272
- 769F83
- 89AC94
- 9CBAA5
- B0C7B6
- C3D5C8
- D7E3DA
- EBF1EC
Koyu tonlar
- 336746
- 2A573B
- 21482F
- 193925
- 112A1A
- 0A1D11
- 041008
- 010502
- 000100
Gri tonlar
- 447957
- 4C7A5B
- 537B60
- 5A7C65
- 617D69
- 677D6E
- 6E7E72
- 747F77
- 7A7F7B
Renk uyumları
Tamamlayıcı +180°
- 3C7852
Amazon
- 88557E
≈ Dynamic Magenta
Analog -30° +30°
- 3C7852
Amazon
- 5F7236
≈ Venom Wyrm
- 14796F
≈ Pond Moss
Üçlü +120° +240°
- 3C7852
Amazon
- 5A659C
≈ Iris Bloom
- 955647
≈ Russet Leather
Bölünmüş tamamlayıcı +150° +210°
- 3C7852
Amazon
- 745C92
≈ Emperor Jewel
- 935363
≈ Vin Rouge
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.24:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 4.00:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--amazon: #3c7852;
--amazon-rgb: 60 120 82;
--amazon-oklch: oklch(0.521 0.087 154.2);
}
.element {
color: var(--amazon);
background-color: hsl(142 33% 35%);
border-color: oklch(0.521 0.087 154.2);
}Tailwind CSS v4
@theme {
--color-amazon: #3c7852;
--color-amazon-50: #e2fdeb;
--color-amazon-100: #d1f1dc;
--color-amazon-200: #b7e0c5;
--color-amazon-300: #93c5a5;
--color-amazon-400: #74ae87;
--color-amazon-500: #54976c;
--color-amazon-600: #48805b;
--color-amazon-700: #396649;
--color-amazon-800: #2a4b33;
--color-amazon-900: #1c3423;
--color-amazon-950: #0c2012;
}SCSS
$amazon: #3c7852;
$amazon-rgb: 60, 120, 82;
$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);
}