Adlandırılmış renk · #C27545
Marmalade Glaze
Marmalade Glaze, #C27545: rgb(194 117 69), hsl(23 51% 52%), oklch(0.636 0.116 51.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Marmalade Glaze color name →
#C27545
oklch(0.636 0.116 51.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C98358
- D0916B
- D69E7E
- DDAC90
- E3BAA2
- E9C7B4
- EFD5C7
- F4E3D9
- FAF1EC
Koyu tonlar
- A8653B
- 8F5531
- 774627
- 60371E
- 492915
- 341C0C
- 200F05
- 0E0502
- 020100
Gri tonlar
- BC774D
- B67853
- AF7A5A
- A97B60
- A27C66
- 9C7D6B
- 957E71
- 8E7F76
- 877F7B
Renk uyumları
Tamamlayıcı +180°
- C27545
Marmalade Glaze
- 2A97C4
≈ UV Light
Analog -30° +30°
- C27545
Marmalade Glaze
- C86D6C
≈ Cuban Plaza
- AE8329
≈ Porchetta Crust
Üçlü +120° +240°
- C27545
Marmalade Glaze
- 23A182
≈ Congo Green
- 8C7DCC
≈ Ube
Bölünmüş tamamlayıcı +150° +210°
- C27545
Marmalade Glaze
- 009EA6
≈ Turkish Boy
- 638AD1
≈ Livid
Dörtlü +90° +180° +270°
- C27545
Marmalade Glaze
- 619C59
≈ Savage Garden
- 2A97C4
≈ UV Light
- AB72B5
≈ Berry Burst
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.54:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.92:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
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);
}