En yakın adlandırılmış renk · #3F7065
#3F7065
En yakın adlandırılmış renk: Green Sleeves
#3F7065 (rgb(63 112 101), hsl(167 28% 34%), oklch(0.507 0.057 177.8)) en çok Green Sleeves 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.
#3F7065
oklch(0.507 0.057 177.8)
Renk dönüşümleri
- HEX
- #3f7065
- RGB
- rgb(63 112 101)
- HSL
- hsl(167 28% 34%)
- HWB
- hwb(167 25% 56%)
- OKLCH
- oklch(0.507 0.057 177.8)
- OKLab
- oklab(0.507 -0.056 0.002)
- CIE Lab
- lab(43.52 -19.56 0.66)
- LCH
- lch(43.52 19.57 178.1)
- CMYK
- cmyk(44% 0% 10% 56%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 527D73
- 658B82
- 779990
- 8AA79F
- 9DB5AF
- B0C4BE
- C3D2CE
- D7E1DE
- EBF0EF
Koyu tonlar
- 356057
- 2C5149
- 23433C
- 1B352F
- 122722
- 0A1A17
- 040E0C
- 010403
- 000100
Gri tonlar
- 467268
- 4E736A
- 54756D
- 5B7770
- 617872
- 687A75
- 6E7B78
- 747D7B
- 7A7E7D
Renk uyumları
Tamamlayıcı +180°
- 3F7065
Green Sleeves
- 805865
≈ Royal Fig
Analog -30° +30°
- 3F7065
Green Sleeves
- 4F6E53
≈ Daylight Jungle
- 3B6E76
≈ Peabody
Üçlü +120° +240°
- 3F7065
Green Sleeves
- 695E82
≈ Napa Winery
- 7E5D45
≈ Outback Brown
Bölünmüş tamamlayıcı +150° +210°
- 3F7065
Green Sleeves
- 775A76
≈ Gala Ball
- 835953
≈ Red Willow
Dörtlü +90° +180° +270°
- 3F7065
Green Sleeves
- 576486
≈ Enduring
- 805865
≈ Royal Fig
- 73643F
≈ Yellow Metal
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.64:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.71:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.64:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-sleeves: #3f7065;
--green-sleeves-rgb: 63 112 101;
--green-sleeves-oklch: oklch(0.507 0.057 177.8);
}
.element {
color: var(--green-sleeves);
background-color: hsl(167 28% 34%);
border-color: oklch(0.507 0.057 177.8);
}Tailwind CSS v4
@theme {
--color-green-sleeves: #3f7065;
--color-green-sleeves-50: #e5fbf6;
--color-green-sleeves-100: #d5eee8;
--color-green-sleeves-200: #bbddd5;
--color-green-sleeves-300: #99c1b8;
--color-green-sleeves-400: #7aaa9e;
--color-green-sleeves-500: #5b9386;
--color-green-sleeves-600: #4e7c71;
--color-green-sleeves-700: #3e635b;
--color-green-sleeves-800: #2d4941;
--color-green-sleeves-900: #1e332d;
--color-green-sleeves-950: #0e1e1a;
}SCSS
$green-sleeves: #3f7065;
$green-sleeves-rgb: 63, 112, 101;
$green-sleeves-light: mix(#fff, $green-sleeves, 20%);
$green-sleeves-dark: mix(#000, $green-sleeves, 20%);
.element {
color: $green-sleeves;
box-shadow: 0 0 0 2px rgba($green-sleeves, 0.35);
}