Màu có tên gần nhất · #CD774C
#CD774C
Màu có tên gần nhất: Brown Sugar Glaze
#CD774C (rgb(205 119 76), hsl(20 56% 55%), oklch(0.655 0.122 46.4)) gần nhất với màu có tên Brown Sugar Glaze. 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.
#CD774C
oklch(0.655 0.122 46.4)
Chuyển đổi màu
- HEX
- #cd774c
- RGB
- rgb(205 119 76)
- HSL
- hsl(20 56% 55%)
- HWB
- hwb(20 30% 20%)
- OKLCH
- oklch(0.655 0.122 46.4)
- OKLab
- oklab(0.655 0.084 0.089)
- CIE Lab
- lab(59.2 31.7 38.54)
- LCH
- lch(59.2 49.91 50.6)
- CMYK
- cmyk(0% 42% 63% 20%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D3855F
- D99270
- DFA082
- E4AD94
- E9BBA5
- EEC9B7
- F3D6C9
- F7E4DB
- FBF1ED
Sắc đậm
- B26741
- 985736
- 7E472C
- 663822
- 4E2A18
- 381C0F
- 231006
- 0F0502
- 020100
Sắc xám
- C67953
- BE7A59
- B77B5E
- B07C64
- A87D69
- A07E6E
- 997F73
- 917F77
- 88807C
Hòa sắc
Bổ túc +180°
- CD774C
Brown Sugar Glaze
- 139FCA
≈ Major Blue
Tương đồng -30° +30°
- CD774C
Brown Sugar Glaze
- D06F76
≈ Mexican Chile
- BB8529
≈ Gothic Gold
Bộ ba +120° +240°
- CD774C
Brown Sugar Glaze
- 2CA880
≈ Gumdrop Green
- 8B84D8
≈ Indigo Bloom
Bổ túc chia +150° +210°
- CD774C
Brown Sugar Glaze
- 00A5A7
≈ Wax Crayon Blue
- 5D92DA
≈ Little Boy Blue
Bộ bốn +90° +180° +270°
- CD774C
Brown Sugar Glaze
- 6DA254
≈ Off Green
- 139FCA
≈ Major Blue
- AE78C3
≈ Wisteria
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.31:1 · APCA Lc 60
Ag
AATrên nền đen
WCAG 6.33:1 · APCA Lc 42
Màu chữ tốt nhất: #000000
WCAG 6.33:1 (AA) · APCA Lc 42
Contrast pairs
Đoạn mã
CSS
:root {
--brown-sugar-glaze: #cd774c;
--brown-sugar-glaze-rgb: 205 119 76;
--brown-sugar-glaze-oklch: oklch(0.655 0.122 46.4);
}
.element {
color: var(--brown-sugar-glaze);
background-color: hsl(20 56% 55%);
border-color: oklch(0.655 0.122 46.4);
}Tailwind CSS v4
@theme {
--color-brown-sugar-glaze: #cd774c;
--color-brown-sugar-glaze-50: #ffecd7;
--color-brown-sugar-glaze-100: #ffddc5;
--color-brown-sugar-glaze-200: #ffc5a7;
--color-brown-sugar-glaze-300: #eba580;
--color-brown-sugar-glaze-400: #d9865e;
--color-brown-sugar-glaze-500: #c66938;
--color-brown-sugar-glaze-600: #a85931;
--color-brown-sugar-glaze-700: #874727;
--color-brown-sugar-glaze-800: #64331c;
--color-brown-sugar-glaze-900: #472312;
--color-brown-sugar-glaze-950: #2e1105;
}SCSS
$brown-sugar-glaze: #cd774c;
$brown-sugar-glaze-rgb: 205, 119, 76;
$brown-sugar-glaze-light: mix(#fff, $brown-sugar-glaze, 20%);
$brown-sugar-glaze-dark: mix(#000, $brown-sugar-glaze, 20%);
.element {
color: $brown-sugar-glaze;
box-shadow: 0 0 0 2px rgba($brown-sugar-glaze, 0.35);
}