Adlandırılmış renk · #674834
Buckeye
Buckeye, #674834: rgb(103 72 52), hsl(24 33% 30%), oklch(0.431 0.053 53.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Buckeye color name →
#674834
oklch(0.431 0.053 53.7)
Renk dönüşümleri
- HEX
- #674834
- RGB
- rgb(103 72 52)
- HSL
- hsl(24 33% 30%)
- HWB
- hwb(24 20% 60%)
- OKLCH
- oklch(0.431 0.053 53.7)
- OKLab
- oklab(0.431 0.031 0.042)
- CIE Lab
- lab(33.71 11.69 17.52)
- LCH
- lch(33.71 21.07 56.3)
- CMYK
- cmyk(0% 30% 50% 60%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 755946
- 846A59
- 937B6C
- A28D80
- B19F94
- C0B2A9
- D0C5BE
- DFD8D3
- EFEBE9
Koyu tonlar
- 593D2C
- 4B3324
- 3D291C
- 301F15
- 23160E
- 170D07
- 0C0603
- 040201
- 000000
Gri tonlar
- 6A4E3C
- 6C5343
- 6F594B
- 725E52
- 74645A
- 776961
- 796F69
- 7B7571
- 7E7A78
Renk uyumları
Tamamlayıcı +180°
- 674834
Buckeye
- 315569
≈ Deep Dive
Analog -30° +30°
- 674834
Buckeye
- 6A4442
≈ Twinberry
- 5E4E2D
≈ West Coast
Üçlü +120° +240°
- 674834
Buckeye
- 2E5A4D
≈ Federal Fund
- 514A6A
≈ Darlak
Bölünmüş tamamlayıcı +150° +210°
- 674834
Buckeye
- 28585D
≈ Sea Challenge
- 41506D
≈ Ensign Blue
Dörtlü +90° +180° +270°
- 674834
Buckeye
- 3E583D
≈ Ficus
- 315569
≈ Deep Dive
- 5E4661
≈ Brunneous
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.22:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.55:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.22:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--buckeye: #674834;
--buckeye-rgb: 103 72 52;
--buckeye-oklch: oklch(0.431 0.053 53.7);
}
.element {
color: var(--buckeye);
background-color: hsl(24 33% 30%);
border-color: oklch(0.431 0.053 53.7);
}Tailwind CSS v4
@theme {
--color-buckeye: #674834;
--color-buckeye-50: #fff2e7;
--color-buckeye-100: #f7e4d8;
--color-buckeye-200: #e7cfbf;
--color-buckeye-300: #cdb19e;
--color-buckeye-400: #b89782;
--color-buckeye-500: #a37d65;
--color-buckeye-600: #896a56;
--color-buckeye-700: #6e5545;
--color-buckeye-800: #513d32;
--color-buckeye-900: #392a22;
--color-buckeye-950: #231811;
}SCSS
$buckeye: #674834;
$buckeye-rgb: 103, 72, 52;
$buckeye-light: mix(#fff, $buckeye, 20%);
$buckeye-dark: mix(#000, $buckeye, 20%);
.element {
color: $buckeye;
box-shadow: 0 0 0 2px rgba($buckeye, 0.35);
}