En yakın adlandırılmış renk · #68634B
#68634B
En yakın adlandırılmış renk: Ivy Topiary
#68634B (rgb(104 99 75), hsl(50 16% 35%), oklch(0.498 0.037 97.7)) en çok Ivy Topiary 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.
#68634B
oklch(0.498 0.037 97.7)
Renk dönüşümleri
- HEX
- #68634b
- RGB
- rgb(104 99 75)
- HSL
- hsl(50 16% 35%)
- HWB
- hwb(50 29% 59%)
- OKLCH
- oklch(0.498 0.037 97.7)
- OKLab
- oklab(0.498 -0.005 0.036)
- CIE Lab
- lab(41.92 -1.1 14.45)
- LCH
- lch(41.92 14.49 94.3)
- CMYK
- cmyk(0% 5% 28% 59%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 76715B
- 84806C
- 938F7D
- A19E8F
- B0AEA1
- C0BEB3
- CFCEC6
- DFDED8
- EFEEEC
Koyu tonlar
- 595540
- 4B4735
- 3E3A2B
- 302E21
- 242117
- 18160E
- 0C0B06
- 040302
- 000000
Gri tonlar
- 6A6650
- 6D6956
- 6F6C5B
- 716F60
- 747165
- 76746B
- 797770
- 7B7A75
- 7E7D7B
Renk uyumları
Tamamlayıcı +180°
- 68634B
Ivy Topiary
- 5D6178
≈ Presumption
Analog -30° +30°
- 68634B
Ivy Topiary
- 715F4C
≈ Stampede
- 5D6750
≈ Monstera
Üçlü +120° +240°
- 68634B
Ivy Topiary
- 4B6870
≈ Azalea Leaf
- 715B6A
≈ Smoked Mulberry
Bölünmüş tamamlayıcı +150° +210°
- 68634B
Ivy Topiary
- 526577
≈ Prairie Denim
- 685D73
≈ Violet Haze
Dörtlü +90° +180° +270°
- 68634B
Ivy Topiary
- 4A6A66
≈ Pond Newt
- 5D6178
≈ Presumption
- 765A5F
≈ Falcon Wing
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.04:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.47:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.04:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--ivy-topiary: #68634b;
--ivy-topiary-rgb: 104 99 75;
--ivy-topiary-oklch: oklch(0.498 0.037 97.7);
}
.element {
color: var(--ivy-topiary);
background-color: hsl(50 16% 35%);
border-color: oklch(0.498 0.037 97.7);
}Tailwind CSS v4
@theme {
--color-ivy-topiary: #68634b;
--color-ivy-topiary-50: #f7f6ea;
--color-ivy-topiary-100: #eae8db;
--color-ivy-topiary-200: #d8d5c3;
--color-ivy-topiary-300: #bbb8a3;
--color-ivy-topiary-400: #a49f87;
--color-ivy-topiary-500: #8c876b;
--color-ivy-topiary-600: #77725b;
--color-ivy-topiary-700: #5f5b48;
--color-ivy-topiary-800: #464234;
--color-ivy-topiary-900: #302e23;
--color-ivy-topiary-950: #1d1b12;
}SCSS
$ivy-topiary: #68634b;
$ivy-topiary-rgb: 104, 99, 75;
$ivy-topiary-light: mix(#fff, $ivy-topiary, 20%);
$ivy-topiary-dark: mix(#000, $ivy-topiary, 20%);
.element {
color: $ivy-topiary;
box-shadow: 0 0 0 2px rgba($ivy-topiary, 0.35);
}