Màu có tên gần nhất · #CE7C55
#CE7C55
Màu có tên gần nhất: Brown Sugar Glaze
#CE7C55 (rgb(206 124 85), hsl(19 55% 57%), oklch(0.666 0.116 45.6)) 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.
#CE7C55
oklch(0.666 0.116 45.6)
Chuyển đổi màu
- HEX
- #ce7c55
- RGB
- rgb(206 124 85)
- HSL
- hsl(19 55% 57%)
- HWB
- hwb(19 33% 19%)
- OKLCH
- oklch(0.666 0.116 45.6)
- OKLab
- oklab(0.666 0.081 0.083)
- CIE Lab
- lab(60.54 30.02 35.35)
- LCH
- lch(60.54 46.38 49.7)
- CMYK
- cmyk(0% 40% 59% 19%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D48966
- DA9677
- DFA388
- E4B099
- E9BDA9
- EECABA
- F3D7CB
- F7E5DC
- FBF2EE
Sắc đậm
- B36B49
- 985A3D
- 7F4A31
- 663B26
- 4E2C1C
- 381E11
- 231108
- 0F0502
- 020100
Sắc xám
- C77D5A
- BF7E5F
- B87F64
- B07F69
- A8806D
- A18071
- 998075
- 918079
- 88807C
Hòa sắc
Bổ túc +180°
- CE7C55
Brown Sugar Glaze
- 2BA2CA
≈ Sardinia Beaches
Tương đồng -30° +30°
- CE7C55
Brown Sugar Glaze
- D1757C
≈ Lotus Red
- BD8937
≈ Burnished Copper
Bộ ba +120° +240°
- CE7C55
Brown Sugar Glaze
- 3EAA83
≈ Herbal
- 8E89D8
≈ Indigo Bloom
Bổ túc chia +150° +210°
- CE7C55
Brown Sugar Glaze
- 00A9AA
≈ Jade Orchid
- 6396DA
≈ Little Boy Blue
Bộ bốn +90° +180° +270°
- CE7C55
Brown Sugar Glaze
- 74A45A
≈ Grassy Meadow
- 2BA2CA
≈ Sardinia Beaches
- AF7DC4
≈ Wisteria
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.16:1 · APCA Lc 58
Ag
AATrên nền đen
WCAG 6.63:1 · APCA Lc 43
Màu chữ tốt nhất: #000000
WCAG 6.63:1 (AA) · APCA Lc 43
Contrast pairs
Đoạn mã
CSS
:root {
--brown-sugar-glaze: #ce7c55;
--brown-sugar-glaze-rgb: 206 124 85;
--brown-sugar-glaze-oklch: oklch(0.666 0.116 45.6);
}
.element {
color: var(--brown-sugar-glaze);
background-color: hsl(19 55% 57%);
border-color: oklch(0.666 0.116 45.6);
}Tailwind CSS v4
@theme {
--color-brown-sugar-glaze: #ce7c55;
--color-brown-sugar-glaze-50: #ffecd9;
--color-brown-sugar-glaze-100: #ffddc7;
--color-brown-sugar-glaze-200: #fec6aa;
--color-brown-sugar-glaze-300: #e9a684;
--color-brown-sugar-glaze-400: #d78863;
--color-brown-sugar-glaze-500: #c46b3f;
--color-brown-sugar-glaze-600: #a55b36;
--color-brown-sugar-glaze-700: #85482b;
--color-brown-sugar-glaze-800: #63341f;
--color-brown-sugar-glaze-900: #452314;
--color-brown-sugar-glaze-950: #2d1206;
}SCSS
$brown-sugar-glaze: #ce7c55;
$brown-sugar-glaze-rgb: 206, 124, 85;
$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);
}