Adlandırılmış renk · #C57F2E
Mulberry Thorn
Mulberry Thorn, #C57F2E: rgb(197 127 46), hsl(32 62% 48%), oklch(0.656 0.127 65.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Mulberry Thorn color name →
#C57F2E
oklch(0.656 0.127 65.6)
Renk dönüşümleri
- HEX
- #c57f2e
- RGB
- rgb(197 127 46)
- HSL
- hsl(32 62% 48%)
- HWB
- hwb(32 18% 23%)
- OKLCH
- oklch(0.656 0.127 65.6)
- OKLab
- oklab(0.656 0.053 0.116)
- CIE Lab
- lab(59.71 23.09 53.1)
- LCH
- lch(59.71 57.9 66.5)
- CMYK
- cmyk(0% 36% 77% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CC8C48
- D2995E
- D8A573
- DEB288
- E4BF9C
- EACCAF
- EFD8C3
- F5E5D7
- FAF2EB
Koyu tonlar
- AB6E27
- 925D1F
- 794C18
- 613C12
- 4B2D0B
- 351F06
- 211102
- 0E0601
- 020100
Gri tonlar
- BE803B
- B88046
- B1814F
- AA8158
- A3815F
- 9D8167
- 96816D
- 8F8174
- 87807A
Renk uyumları
Tamamlayıcı +180°
- C57F2E
Mulberry Thorn
- 4597D9
≈ Flax Flower Blue
Analog -30° +30°
- C57F2E
Mulberry Thorn
- D27259
≈ Japonica
- A9901C
≈ Titanite Yellow
Üçlü +120° +240°
- C57F2E
Mulberry Thorn
- 00A79B
≈ Tropical Sea
- A47BCE
≈ Wisteria
Bölünmüş tamamlayıcı +150° +210°
- C57F2E
Mulberry Thorn
- 00A2BE
≈ January Blue
- 7C89DE
≈ Tanzine
Dörtlü +90° +180° +270°
- C57F2E
Mulberry Thorn
- 43A86F
≈ Sēn Lín Lǜ Forest
- 4597D9
≈ Flax Flower Blue
- C071AF
≈ Crocus
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.25:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.44:1 · APCA Lc 42
En iyi metin rengi: #000000
WCAG 6.44:1 (AA) · APCA Lc 42
Contrast pairs
Kod parçacıkları
CSS
:root {
--mulberry-thorn: #c57f2e;
--mulberry-thorn-rgb: 197 127 46;
--mulberry-thorn-oklch: oklch(0.656 0.127 65.6);
}
.element {
color: var(--mulberry-thorn);
background-color: hsl(32 62% 48%);
border-color: oklch(0.656 0.127 65.6);
}Tailwind CSS v4
@theme {
--color-mulberry-thorn: #c57f2e;
--color-mulberry-thorn-50: #ffefcf;
--color-mulberry-thorn-100: #ffe1bb;
--color-mulberry-thorn-200: #f9ca9a;
--color-mulberry-thorn-300: #e3ab6e;
--color-mulberry-thorn-400: #d18e45;
--color-mulberry-thorn-500: #be7200;
--color-mulberry-thorn-600: #a06007;
--color-mulberry-thorn-700: #814d08;
--color-mulberry-thorn-800: #603705;
--color-mulberry-thorn-900: #442604;
--color-mulberry-thorn-950: #2b1400;
}SCSS
$mulberry-thorn: #c57f2e;
$mulberry-thorn-rgb: 197, 127, 46;
$mulberry-thorn-light: mix(#fff, $mulberry-thorn, 20%);
$mulberry-thorn-dark: mix(#000, $mulberry-thorn, 20%);
.element {
color: $mulberry-thorn;
box-shadow: 0 0 0 2px rgba($mulberry-thorn, 0.35);
}