Màu có tên gần nhất · #CFAD56
#CFAD56
Màu có tên gần nhất: Solar Relic
#CFAD56 (rgb(207 173 86), hsl(43 56% 57%), oklch(0.76 0.113 88.2)) gần nhất với màu có tên Solar Relic. 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.
#CFAD56
oklch(0.76 0.113 88.2)
Chuyển đổi màu
- HEX
- #cfad56
- RGB
- rgb(207 173 86)
- HSL
- hsl(43 56% 57%)
- HWB
- hwb(43 34% 19%)
- OKLCH
- oklch(0.76 0.113 88.2)
- OKLab
- oklab(0.76 0.004 0.113)
- CIE Lab
- lab(72.5 5.32 48.67)
- LCH
- lch(72.5 48.96 83.8)
- CMYK
- cmyk(0% 16% 58% 19%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D4B569
- D9BE7B
- DDC68C
- E2CE9D
- E7D6AE
- ECDEBE
- F1E7CE
- F5EFDE
- FAF7EF
Sắc đậm
- B4964A
- 997F3E
- 7F6A32
- 675527
- 4F411C
- 382D12
- 231B08
- 100B02
- 020100
Sắc xám
- C7A95D
- BFA462
- B7A067
- AF9B6C
- A79770
- 9F9274
- 978E77
- 8F897B
- 88857D
Hòa sắc
Bổ túc +180°
- CFAD56
Solar Relic
- 93AEFA
≈ Kitten’s Eye
Tương đồng -30° +30°
- CFAD56
Solar Relic
- E79F66
≈ Florida Mango
- AABB65
≈ Beach Bag
Bộ ba +120° +240°
- CFAD56
Solar Relic
- 42C5D7
≈ Sea Serpent
- D997D6
≈ Velvet Horizon
Bổ túc chia +150° +210°
- CFAD56
Solar Relic
- 66BBF1
≈ Norfolk Sky
- BAA1F0
≈ Lavender Cream
Bộ bốn +90° +180° +270°
- CFAD56
Solar Relic
- 50C9B1
≈ Kauai
- 93AEFA
≈ Kitten’s Eye
- EB92B1
≈ Illusion
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.15:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.76:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
CSS
:root {
--solar-relic: #cfad56;
--solar-relic-rgb: 207 173 86;
--solar-relic-oklch: oklch(0.76 0.113 88.2);
}
.element {
color: var(--solar-relic);
background-color: hsl(43 56% 57%);
border-color: oklch(0.76 0.113 88.2);
}Tailwind CSS v4
@theme {
--color-solar-relic: #cfad56;
--color-solar-relic-50: #fff5d1;
--color-solar-relic-100: #f6e7bd;
--color-solar-relic-200: #e7d39d;
--color-solar-relic-300: #ceb572;
--color-solar-relic-400: #ba9a49;
--color-solar-relic-500: #a5810a;
--color-solar-relic-600: #8c6d10;
--color-solar-relic-700: #70570e;
--color-solar-relic-800: #543f07;
--color-solar-relic-900: #3a2b05;
--color-solar-relic-950: #241800;
}SCSS
$solar-relic: #cfad56;
$solar-relic-rgb: 207, 173, 86;
$solar-relic-light: mix(#fff, $solar-relic, 20%);
$solar-relic-dark: mix(#000, $solar-relic, 20%);
.element {
color: $solar-relic;
box-shadow: 0 0 0 2px rgba($solar-relic, 0.35);
}