Màu có tên gần nhất · #D05642
#D05642
Màu có tên gần nhất: Cedar Chest
#D05642 (rgb(208 86 66), hsl(8 60% 54%), oklch(0.607 0.159 31.4)) gần nhất với màu có tên Cedar Chest. 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.
#D05642
oklch(0.607 0.159 31.4)
Chuyển đổi màu
- HEX
- #d05642
- RGB
- rgb(208 86 66)
- HSL
- hsl(8 60% 54%)
- HWB
- hwb(8 26% 18%)
- OKLCH
- oklch(0.607 0.159 31.4)
- OKLab
- oklab(0.607 0.136 0.083)
- CIE Lab
- lab(52.99 48.33 37.02)
- LCH
- lch(52.99 60.87 37.4)
- CMYK
- cmyk(0% 59% 68% 18%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D76855
- DD7A68
- E38B7A
- E99C8D
- EEAC9F
- F2BDB2
- F6CDC5
- FADED8
- FDEEEC
Sắc đậm
- B54A38
- 9A3E2F
- 803225
- 67271C
- 4F1C14
- 39120B
- 230805
- 100201
- 020000
Sắc xám
- C95C4A
- C26251
- BB6757
- B36B5E
- AC6F64
- A4736A
- 9B776F
- 937A75
- 8A7D7B
Hòa sắc
Bổ túc +180°
- D05642
Cedar Chest
- 0093A6
≈ Brilliant
Tương đồng -30° +30°
- D05642
Cedar Chest
- CB527C
≈ Middle Safflower
- BD6B00
≈ Indocile Tiger
Bộ ba +120° +240°
- D05642
Cedar Chest
- 0C9C4E
≈ Get up and Go
- 6178E0
≈ Pan Purple
Bổ túc chia +150° +210°
- D05642
Cedar Chest
- 009787
≈ Lights at Sea
- 008ACF
≈ Way Beyond the Blue
Bộ bốn +90° +180° +270°
- D05642
Cedar Chest
- 758F00
≈ Canopy
- 0093A6
≈ Brilliant
- 9467D1
≈ Amethyst
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.12:1 · APCA Lc 68
Ag
AATrên nền đen
WCAG 5.09:1 · APCA Lc 34
Màu chữ tốt nhất: #000000
WCAG 5.09:1 (AA) · APCA Lc 34
Contrast pairs
Đoạn mã
CSS
:root {
--cedar-chest: #d05642;
--cedar-chest-rgb: 208 86 66;
--cedar-chest-oklch: oklch(0.607 0.159 31.4);
}
.element {
color: var(--cedar-chest);
background-color: hsl(8 60% 54%);
border-color: oklch(0.607 0.159 31.4);
}Tailwind CSS v4
@theme {
--color-cedar-chest: #d05642;
--color-cedar-chest-50: #ffe6d8;
--color-cedar-chest-100: #ffd5c6;
--color-cedar-chest-200: #ffbca8;
--color-cedar-chest-300: #fe9881;
--color-cedar-chest-400: #ed7661;
--color-cedar-chest-500: #db533d;
--color-cedar-chest-600: #b94735;
--color-cedar-chest-700: #95392a;
--color-cedar-chest-800: #6f281f;
--color-cedar-chest-900: #4e1b15;
--color-cedar-chest-950: #340a06;
}SCSS
$cedar-chest: #d05642;
$cedar-chest-rgb: 208, 86, 66;
$cedar-chest-light: mix(#fff, $cedar-chest, 20%);
$cedar-chest-dark: mix(#000, $cedar-chest, 20%);
.element {
color: $cedar-chest;
box-shadow: 0 0 0 2px rgba($cedar-chest, 0.35);
}