Màu có tên · #C27545
Marmalade Glaze
Marmalade Glaze là #C27545: rgb(194 117 69), hsl(23 51% 52%), oklch(0.636 0.116 51.3). 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? → · Marmalade Glaze color name →
#C27545
oklch(0.636 0.116 51.3)
Chuyển đổi màu
- HEX
- #c27545
- RGB
- rgb(194 117 69)
- HSL
- hsl(23 51% 52%)
- HWB
- hwb(23 27% 24%)
- OKLCH
- oklch(0.636 0.116 51.3)
- OKLab
- oklab(0.636 0.072 0.09)
- CIE Lab
- lab(57.19 27.89 39.46)
- LCH
- lch(57.19 48.32 54.7)
- CMYK
- cmyk(0% 40% 64% 24%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C98358
- D0916B
- D69E7E
- DDAC90
- E3BAA2
- E9C7B4
- EFD5C7
- F4E3D9
- FAF1EC
Sắc đậm
- A8653B
- 8F5531
- 774627
- 60371E
- 492915
- 341C0C
- 200F05
- 0E0502
- 020100
Sắc xám
- BC774D
- B67853
- AF7A5A
- A97B60
- A27C66
- 9C7D6B
- 957E71
- 8E7F76
- 877F7B
Hòa sắc
Bổ túc +180°
- C27545
Marmalade Glaze
- 2A97C4
≈ UV Light
Tương đồng -30° +30°
- C27545
Marmalade Glaze
- C86D6C
≈ Cuban Plaza
- AE8329
≈ Porchetta Crust
Bộ ba +120° +240°
- C27545
Marmalade Glaze
- 23A182
≈ Congo Green
- 8C7DCC
≈ Ube
Bổ túc chia +150° +210°
- C27545
Marmalade Glaze
- 009EA6
≈ Turkish Boy
- 638AD1
≈ Livid
Bộ bốn +90° +180° +270°
- C27545
Marmalade Glaze
- 619C59
≈ Savage Garden
- 2A97C4
≈ UV Light
- AB72B5
≈ Berry Burst
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.54:1 · APCA Lc 63
Ag
AATrên nền đen
WCAG 5.92:1 · APCA Lc 39
Màu chữ tốt nhất: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
Đoạn mã
CSS
:root {
--marmalade-glaze: #c27545;
--marmalade-glaze-rgb: 194 117 69;
--marmalade-glaze-oklch: oklch(0.636 0.116 51.3);
}
.element {
color: var(--marmalade-glaze);
background-color: hsl(23 51% 52%);
border-color: oklch(0.636 0.116 51.3);
}Tailwind CSS v4
@theme {
--color-marmalade-glaze: #c27545;
--color-marmalade-glaze-50: #ffedd7;
--color-marmalade-glaze-100: #ffdec5;
--color-marmalade-glaze-200: #fdc7a6;
--color-marmalade-glaze-300: #e7a77f;
--color-marmalade-glaze-400: #d58a5d;
--color-marmalade-glaze-500: #c16d36;
--color-marmalade-glaze-600: #a35d2f;
--color-marmalade-glaze-700: #834a25;
--color-marmalade-glaze-800: #62351b;
--color-marmalade-glaze-900: #452411;
--color-marmalade-glaze-950: #2c1304;
}SCSS
$marmalade-glaze: #c27545;
$marmalade-glaze-rgb: 194, 117, 69;
$marmalade-glaze-light: mix(#fff, $marmalade-glaze, 20%);
$marmalade-glaze-dark: mix(#000, $marmalade-glaze, 20%);
.element {
color: $marmalade-glaze;
box-shadow: 0 0 0 2px rgba($marmalade-glaze, 0.35);
}