Màu có tên gần nhất · #C78F59
#C78F59
Màu có tên gần nhất: Butter Bronze
#C78F59 (rgb(199 143 89), hsl(29 50% 56%), oklch(0.693 0.098 64)) gần nhất với màu có tên Butter Bronze. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#C78F59
oklch(0.693 0.098 64)
Chuyển đổi màu
- HEX
- #c78f59
- RGB
- rgb(199 143 89)
- HSL
- hsl(29 50% 56%)
- HWB
- hwb(29 35% 22%)
- OKLCH
- oklch(0.693 0.098 64)
- OKLab
- oklab(0.693 0.043 0.088)
- CIE Lab
- lab(64.16 17.51 37.31)
- LCH
- lch(64.16 41.22 64.9)
- CMYK
- cmyk(0% 28% 55% 22%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CD9A6A
- D3A57B
- D9B08B
- DFBB9C
- E4C7AC
- EAD2BD
- EFDDCD
- F5E8DE
- FAF4EE
Sắc đậm
- AD7C4C
- 936940
- 7A5734
- 624528
- 4C341D
- 362413
- 211509
- 0E0703
- 020100
Sắc xám
- C08E5E
- B98C63
- B28B67
- AB8A6B
- A4886F
- 9D8773
- 968576
- 8E837A
- 87827D
Hòa sắc
Bổ túc +180°
- C78F59
Butter Bronze
- 65A3D5
≈ Blue Gourami
Tương đồng -30° +30°
- C78F59
Butter Bronze
- D28674
≈ Copperleaf
- B09B51
≈ Spanish Gold
Bộ ba +120° +240°
- C78F59
Butter Bronze
- 48B0A3
≈ Island Moment
- A98DCE
≈ Middy’s Purple
Bổ túc chia +150° +210°
- C78F59
Butter Bronze
- 46ACC1
≈ Verditer Blue
- 8998D9
≈ Portage
Bộ bốn +90° +180° +270°
- C78F59
Butter Bronze
- 69AE80
≈ Morning Forest
- 65A3D5
≈ Blue Gourami
- C285B6
≈ Dragonflies
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.79:1 · APCA Lc 54
Ag
AAATrên nền đen
WCAG 7.50:1 · APCA Lc 48
Màu chữ tốt nhất: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Đoạn mã
CSS
:root {
--butter-bronze: #c78f59;
--butter-bronze-rgb: 199 143 89;
--butter-bronze-oklch: oklch(0.693 0.098 64);
}
.element {
color: var(--butter-bronze);
background-color: hsl(29 50% 56%);
border-color: oklch(0.693 0.098 64);
}Tailwind CSS v4
@theme {
--color-butter-bronze: #c78f59;
--color-butter-bronze-50: #fff0d8;
--color-butter-bronze-100: #ffe2c6;
--color-butter-bronze-200: #f2cda8;
--color-butter-bronze-300: #daae82;
--color-butter-bronze-400: #c7925f;
--color-butter-bronze-500: #b3773a;
--color-butter-bronze-600: #976532;
--color-butter-bronze-700: #795128;
--color-butter-bronze-800: #5a3a1c;
--color-butter-bronze-900: #3f2812;
--color-butter-bronze-950: #281605;
}SCSS
$butter-bronze: #c78f59;
$butter-bronze-rgb: 199, 143, 89;
$butter-bronze-light: mix(#fff, $butter-bronze, 20%);
$butter-bronze-dark: mix(#000, $butter-bronze, 20%);
.element {
color: $butter-bronze;
box-shadow: 0 0 0 2px rgba($butter-bronze, 0.35);
}