Màu có tên gần nhất · #DACA98
#DACA98
Màu có tên gần nhất: Desert Temple
#DACA98 (rgb(218 202 152), hsl(45 47% 73%), oklch(0.84 0.068 92.4)) gần nhất với màu có tên Desert Temple. 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.
#DACA98
oklch(0.84 0.068 92.4)
Chuyển đổi màu
- HEX
- #daca98
- RGB
- rgb(218 202 152)
- HSL
- hsl(45 47% 73%)
- HWB
- hwb(45 60% 15%)
- OKLCH
- oklch(0.84 0.068 92.4)
- OKLab
- oklab(0.84 -0.003 0.068)
- CIE Lab
- lab(81.75 0.26 27.18)
- LCH
- lch(81.75 27.18 89.5)
- CMYK
- cmyk(0% 7% 30% 15%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DECFA2
- E1D5AD
- E5DAB7
- E9DFC1
- ECE4CC
- F0EAD6
- F4EFE0
- F8F4EA
- FBFAF5
Sắc đậm
- BDAF84
- A29570
- 877C5C
- 6C644A
- 544D38
- 3C3727
- 252217
- 110F08
- 020201
Sắc xám
- D1C296
- C7BB94
- BEB392
- B5AC8F
- ACA48D
- A39D8A
- 9A9688
- 918E85
- 898783
Hòa sắc
Bổ túc +180°
- DACA98
Desert Temple
- BBC9F8
≈ Light Periwinkle
Tương đồng -30° +30°
- DACA98
Desert Temple
- EBC19D
≈ Special Peach
- C2D2A1
≈ Cricket Field
Bộ ba +120° +240°
- DACA98
Desert Temple
- 96D7E5
≈ Oceano
- E6BBDE
≈ Blackberry Yoghurt
Bổ túc chia +150° +210°
- DACA98
Desert Temple
- A4D1F4
≈ Marzena Dream
- D3C1F0
≈ York Plum
Bộ bốn +90° +180° +270°
- DACA98
Desert Temple
- 98DACE
≈ Sweet Rhapsody
- BBC9F8
≈ Light Periwinkle
- F2B9C7
≈ Pink Grapefruit
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.63:1 · APCA Lc 28
Ag
AAATrên nền đen
WCAG 12.88:1 · APCA Lc 75
Màu chữ tốt nhất: #000000
WCAG 12.88:1 (AAA) · APCA Lc 75
Contrast pairs
Đoạn mã
CSS
:root {
--desert-temple: #daca98;
--desert-temple-rgb: 218 202 152;
--desert-temple-oklch: oklch(0.84 0.068 92.4);
}
.element {
color: var(--desert-temple);
background-color: hsl(45 47% 73%);
border-color: oklch(0.84 0.068 92.4);
}Tailwind CSS v4
@theme {
--color-desert-temple: #daca98;
--color-desert-temple-50: #fbf5e0;
--color-desert-temple-100: #efe8cf;
--color-desert-temple-200: #ddd4b4;
--color-desert-temple-300: #c2b790;
--color-desert-temple-400: #ac9e70;
--color-desert-temple-500: #968550;
--color-desert-temple-600: #7f7144;
--color-desert-temple-700: #665a36;
--color-desert-temple-800: #4b4226;
--color-desert-temple-900: #342d19;
--color-desert-temple-950: #201a0a;
}SCSS
$desert-temple: #daca98;
$desert-temple-rgb: 218, 202, 152;
$desert-temple-light: mix(#fff, $desert-temple, 20%);
$desert-temple-dark: mix(#000, $desert-temple, 20%);
.element {
color: $desert-temple;
box-shadow: 0 0 0 2px rgba($desert-temple, 0.35);
}