Màu có tên · #A6080E
Crisp Christmas Cranberries
Crisp Christmas Cranberries là #A6080E: rgb(166 8 14), hsl(358 91% 34%), oklch(0.459 0.183 27.8). 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 Red mean? → · Crisp Christmas Cranberries color name →
#A6080E
oklch(0.459 0.183 27.8)
Chuyển đổi màu
- HEX
- #a6080e
- RGB
- rgb(166 8 14)
- HSL
- hsl(358 91% 34%)
- HWB
- hwb(358 3% 35%)
- OKLCH
- oklch(0.459 0.183 27.8)
- OKLab
- oklab(0.459 0.162 0.086)
- CIE Lab
- lab(35.37 57.75 44.74)
- LCH
- lch(35.37 73.05 37.8)
- CMYK
- cmyk(0% 95% 92% 35%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B2332B
- BD4D43
- C8655A
- D27B71
- DB9187
- E4A79F
- ECBDB6
- F3D3CE
- F9E9E6
Sắc đậm
- 90060B
- 7A0407
- 650305
- 510203
- 3E0102
- 2B0101
- 1A0000
- 0A0000
- 010000
Sắc xám
- A4241F
- A2342C
- A04138
- 9D4C43
- 9A564D
- 965F58
- 916862
- 8C706C
- 877876
Hòa sắc
Bổ túc +180°
- A6080E
Crisp Christmas Cranberries
- 00646E
≈ Peacock Tail
Tương đồng -30° +30°
- A6080E
Crisp Christmas Cranberries
- 9F0658
≈ Obscure Orchid
- 844500
≈ Chocolate Pancakes
Bộ ba +120° +240°
- A6080E
Crisp Christmas Cranberries
- 006A27
≈ Avagddu Green
- 2D49BC
≈ Kikorangi Blue
Bổ túc chia +150° +210°
- A6080E
Crisp Christmas Cranberries
- 006757
≈ Piney Lake
- 005E89
≈ Blue Flame
Bộ bốn +90° +180° +270°
- A6080E
Crisp Christmas Cranberries
- 535F00
≈ Greensboro
- 00646E
≈ Peacock Tail
- 6734AE
≈ Purple Emperor
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.88:1 · APCA Lc 85
Ag
FailTrên nền đen
WCAG 2.66:1 · APCA Lc 17
Màu chữ tốt nhất: #FFFFFF
WCAG 7.88:1 (AAA) · APCA Lc 85
Contrast pairs
Đoạn mã
CSS
:root {
--crisp-christmas-cranberries: #a6080e;
--crisp-christmas-cranberries-rgb: 166 8 14;
--crisp-christmas-cranberries-oklch: oklch(0.459 0.183 27.8);
}
.element {
color: var(--crisp-christmas-cranberries);
background-color: hsl(358 91% 34%);
border-color: oklch(0.459 0.183 27.8);
}Tailwind CSS v4
@theme {
--color-crisp-christmas-cranberries: #a6080e;
--color-crisp-christmas-cranberries-50: #ffe2d6;
--color-crisp-christmas-cranberries-100: #ffd1c4;
--color-crisp-christmas-cranberries-200: #ffb6a6;
--color-crisp-christmas-cranberries-300: #ff907e;
--color-crisp-christmas-cranberries-400: #f86c5f;
--color-crisp-christmas-cranberries-500: #e6433a;
--color-crisp-christmas-cranberries-600: #c33a32;
--color-crisp-christmas-cranberries-700: #9d2f28;
--color-crisp-christmas-cranberries-800: #75201e;
--color-crisp-christmas-cranberries-900: #531514;
--color-crisp-christmas-cranberries-950: #370506;
}SCSS
$crisp-christmas-cranberries: #a6080e;
$crisp-christmas-cranberries-rgb: 166, 8, 14;
$crisp-christmas-cranberries-light: mix(#fff, $crisp-christmas-cranberries, 20%);
$crisp-christmas-cranberries-dark: mix(#000, $crisp-christmas-cranberries, 20%);
.element {
color: $crisp-christmas-cranberries;
box-shadow: 0 0 0 2px rgba($crisp-christmas-cranberries, 0.35);
}