Màu có tên gần nhất · #D2A65E
#D2A65E
Màu có tên gần nhất: Camel
#D2A65E (rgb(210 166 94), hsl(37 56% 60%), oklch(0.75 0.104 78.4)) gần nhất với màu có tên Camel. 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.
#D2A65E
oklch(0.75 0.104 78.4)
Chuyển đổi màu
- HEX
- #d2a65e
- RGB
- rgb(210 166 94)
- HSL
- hsl(37 56% 60%)
- HWB
- hwb(37 37% 18%)
- OKLCH
- oklch(0.75 0.104 78.4)
- OKLab
- oklab(0.75 0.021 0.102)
- CIE Lab
- lab(71.11 10.58 43.32)
- LCH
- lch(71.11 44.59 76.3)
- CMYK
- cmyk(0% 21% 55% 18%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D7AF6F
- DBB880
- E0C190
- E4CAA0
- E9D3B0
- EDDBC0
- F2E4D0
- F6EDDF
- FBF6EF
Sắc đậm
- B69051
- 9B7A44
- 816537
- 68512B
- 503E1F
- 392B14
- 241A0A
- 100A03
- 020100
Sắc xám
- CAA263
- C19F68
- B99B6C
- B1976F
- A99373
- A09076
- 988C79
- 90887B
- 88847E
Hòa sắc
Bổ túc +180°
- D2A65E
Camel
- 85B0F0
≈ Fly Away
Tương đồng -30° +30°
- D2A65E
Camel
- E49A73
≈ Trumpet Flower
- B4B362
≈ Hemp Tea
Bộ ba +120° +240°
Bổ túc chia +150° +210°
- D2A65E
Camel
- 5FBBE2
≈ Clear Weather
- ABA3EC
≈ Cold Lips
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.24:1 · APCA Lc 44
Ag
AAATrên nền đen
WCAG 9.35:1 · APCA Lc 58
Màu chữ tốt nhất: #000000
WCAG 9.35:1 (AAA) · APCA Lc 58
Contrast pairs
Đoạn mã
CSS
:root {
--camel: #d2a65e;
--camel-rgb: 210 166 94;
--camel-oklch: oklch(0.75 0.104 78.4);
}
.element {
color: var(--camel);
background-color: hsl(37 56% 60%);
border-color: oklch(0.75 0.104 78.4);
}Tailwind CSS v4
@theme {
--color-camel: #d2a65e;
--color-camel-50: #fff3d4;
--color-camel-100: #fae5c1;
--color-camel-200: #ecd0a2;
--color-camel-300: #d3b279;
--color-camel-400: #c09753;
--color-camel-500: #ab7d26;
--color-camel-600: #916a23;
--color-camel-700: #74541c;
--color-camel-800: #573d12;
--color-camel-900: #3d2a0b;
--color-camel-950: #261701;
}SCSS
$camel: #d2a65e;
$camel-rgb: 210, 166, 94;
$camel-light: mix(#fff, $camel, 20%);
$camel-dark: mix(#000, $camel, 20%);
.element {
color: $camel;
box-shadow: 0 0 0 2px rgba($camel, 0.35);
}