En yakın adlandırılmış renk · #765B22
#765B22
En yakın adlandırılmış renk: Coffee Adept
#765B22 (rgb(118 91 34), hsl(41 55% 30%), oklch(0.487 0.082 83.1)) en çok Coffee Adept 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.
#765B22
oklch(0.487 0.082 83.1)
Renk dönüşümleri
- HEX
- #765b22
- RGB
- rgb(118 91 34)
- HSL
- hsl(41 55% 30%)
- HWB
- hwb(41 13% 54%)
- OKLCH
- oklch(0.487 0.082 83.1)
- OKLab
- oklab(0.487 0.01 0.081)
- CIE Lab
- lab(40.62 6.68 36.02)
- LCH
- lch(40.62 36.64 79.5)
- CMYK
- cmyk(0% 23% 71% 54%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 836A3A
- 907A4F
- 9D8A64
- AB9A7A
- B9AA8F
- C6BBA5
- D4CBBB
- E2DCD1
- F1EEE8
Koyu tonlar
- 664E1C
- 564116
- 473511
- 38290B
- 291E07
- 1C1303
- 0F0901
- 050300
- 010000
Gri tonlar
- 775F2E
- 786338
- 796642
- 7A6A4C
- 7B6E55
- 7C725D
- 7D7566
- 7E796F
- 7F7C77
Renk uyumları
Tamamlayıcı +180°
- 765B22
Coffee Adept
- 475F8E
≈ Anchor Point
Analog -30° +30°
- 765B22
Coffee Adept
- 845231
≈ Lion’s Lair
- 606429
≈ Deathworld Forest
Üçlü +120° +240°
- 765B22
Coffee Adept
- 056D74
≈ Teal Motif
- 764F7A
≈ Spiced Plum
Bölünmüş tamamlayıcı +150° +210°
- 765B22
Coffee Adept
- 266786
≈ Sea Goddess
- 62568A
≈ Wool Violet
Dörtlü +90° +180° +270°
- 765B22
Coffee Adept
- 1F6F5B
≈ Falcon Turquoise
- 475F8E
≈ Anchor Point
- 834B64
≈ Damson
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.38:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.28:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.38:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--coffee-adept: #765b22;
--coffee-adept-rgb: 118 91 34;
--coffee-adept-oklch: oklch(0.487 0.082 83.1);
}
.element {
color: var(--coffee-adept);
background-color: hsl(41 55% 30%);
border-color: oklch(0.487 0.082 83.1);
}Tailwind CSS v4
@theme {
--color-coffee-adept: #765b22;
--color-coffee-adept-50: #fff4db;
--color-coffee-adept-100: #f4e6ca;
--color-coffee-adept-200: #e4d2ad;
--color-coffee-adept-300: #cbb587;
--color-coffee-adept-400: #b69a65;
--color-coffee-adept-500: #a08142;
--color-coffee-adept-600: #886d39;
--color-coffee-adept-700: #6d572d;
--color-coffee-adept-800: #513f1f;
--color-coffee-adept-900: #382c15;
--color-coffee-adept-950: #231906;
}SCSS
$coffee-adept: #765b22;
$coffee-adept-rgb: 118, 91, 34;
$coffee-adept-light: mix(#fff, $coffee-adept, 20%);
$coffee-adept-dark: mix(#000, $coffee-adept, 20%);
.element {
color: $coffee-adept;
box-shadow: 0 0 0 2px rgba($coffee-adept, 0.35);
}