Màu có tên · #DA995F
Apple Cider
Apple Cider là #DA995F: rgb(218 153 95), hsl(28 62% 61%), oklch(0.734 0.108 61.6). 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.
What does Orange mean? → · Apple Cider color name →
#DA995F
oklch(0.734 0.108 61.6)
Chuyển đổi màu
- HEX
- #da995f
- RGB
- rgb(218 153 95)
- HSL
- hsl(28 62% 61%)
- HWB
- hwb(28 37% 15%)
- OKLCH
- oklch(0.734 0.108 61.6)
- OKLab
- oklab(0.734 0.051 0.095)
- CIE Lab
- lab(68.84 20.61 40.41)
- LCH
- lch(68.84 45.36 63)
- CMYK
- cmyk(0% 30% 56% 15%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DEA370
- E2AE80
- E6B890
- EAC2A0
- EECCB0
- F2D6C0
- F5E0CF
- F9EBDF
- FCF5EF
Sắc đậm
- BD8452
- A27044
- 875D38
- 6C4A2C
- 543820
- 3C2715
- 25170A
- 110803
- 020100
Sắc xám
- D19764
- C89568
- BF926C
- B6906F
- AD8D73
- A48B76
- 9B8879
- 92867B
- 89837E
Hòa sắc
Bổ túc +180°
- DA995F
Apple Cider
- 67B1E7
≈ Sanctuary Spa
Tương đồng -30° +30°
- DA995F
Apple Cider
- E58F7E
≈ Nude Flamingo
- C2A753
≈ Yellow Maize
Bộ ba +120° +240°
- DA995F
Apple Cider
- 4ABFAE
≈ Emerald Bliss
- B599E2
≈ Dreamy Candy Forest
Bổ túc chia +150° +210°
- DA995F
Apple Cider
- 44BBD0
≈ Water Sports
- 91A5ED
≈ Cold Lips
Bộ bốn +90° +180° +270°
- DA995F
Apple Cider
- 73BD87
≈ Jade Stone Green
- 67B1E7
≈ Sanctuary Spa
- D18FC8
≈ Carnation Rose
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.41:1 · APCA Lc 47
Ag
AAATrên nền đen
WCAG 8.70:1 · APCA Lc 55
Màu chữ tốt nhất: #000000
WCAG 8.70:1 (AAA) · APCA Lc 55
Contrast pairs
Đoạn mã
CSS
:root {
--apple-cider: #da995f;
--apple-cider-rgb: 218 153 95;
--apple-cider-oklch: oklch(0.734 0.108 61.6);
}
.element {
color: var(--apple-cider);
background-color: hsl(28 62% 61%);
border-color: oklch(0.734 0.108 61.6);
}Tailwind CSS v4
@theme {
--color-apple-cider: #da995f;
--color-apple-cider-50: #ffefd6;
--color-apple-cider-100: #ffe1c3;
--color-apple-cider-200: #f6cba5;
--color-apple-cider-300: #dfac7d;
--color-apple-cider-400: #cc8f59;
--color-apple-cider-500: #b97430;
--color-apple-cider-600: #9c622b;
--color-apple-cider-700: #7d4f22;
--color-apple-cider-800: #5d3818;
--color-apple-cider-900: #41270f;
--color-apple-cider-950: #2a1503;
}SCSS
$apple-cider: #da995f;
$apple-cider-rgb: 218, 153, 95;
$apple-cider-light: mix(#fff, $apple-cider, 20%);
$apple-cider-dark: mix(#000, $apple-cider, 20%);
.element {
color: $apple-cider;
box-shadow: 0 0 0 2px rgba($apple-cider, 0.35);
}