Adlandırılmış renk · #B3573F
Autumn Glaze
Autumn Glaze, #B3573F: rgb(179 87 63), hsl(12 48% 47%), oklch(0.565 0.126 35.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Autumn Glaze color name →
#B3573F
oklch(0.565 0.126 35.7)
Renk dönüşümleri
- HEX
- #b3573f
- RGB
- rgb(179 87 63)
- HSL
- hsl(12 48% 47%)
- HWB
- hwb(12 25% 30%)
- OKLCH
- oklch(0.565 0.126 35.7)
- OKLab
- oklab(0.565 0.102 0.073)
- CIE Lab
- lab(48.47 36.82 32.06)
- LCH
- lch(48.47 48.82 41)
- CMYK
- cmyk(0% 51% 65% 30%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BC6852
- C57965
- CD8977
- D59A8A
- DDAB9D
- E4BBB0
- ECCCC3
- F2DDD7
- F9EEEB
Koyu tonlar
- 9B4B35
- 843E2C
- 6E3323
- 58271B
- 431C12
- 2F120A
- 1D0804
- 0C0301
- 010000
Gri tonlar
- AF5C46
- AA614E
- A66554
- A16A5B
- 9C6E61
- 977268
- 92766E
- 8C7974
- 867D7A
Renk uyumları
Tamamlayıcı +180°
- B3573F
Autumn Glaze
- 00849B
≈ Zircon Blue
Analog -30° +30°
- B3573F
Autumn Glaze
- B1526B
≈ Sombre Roses
- A76401
≈ Butter Fudge
Üçlü +120° +240°
- B3573F
Autumn Glaze
- 218B55
≈ Lake Green
- 626DBF
≈ Gladiola Blue
Bölünmüş tamamlayıcı +150° +210°
- B3573F
Autumn Glaze
- 00887E
≈ Eyeshadow Turquoise
- 267BBA
≈ Haddock’s Sweater
Dörtlü +90° +180° +270°
- B3573F
Autumn Glaze
- 648223
≈ Jungle Vibes
- 00849B
≈ Zircon Blue
- 8860B0
≈ Lusty Lavender
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.82:1 · APCA Lc 73
Ag
FailSiyah üzerinde
WCAG 4.35:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.82:1 (AA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--autumn-glaze: #b3573f;
--autumn-glaze-rgb: 179 87 63;
--autumn-glaze-oklch: oklch(0.565 0.126 35.7);
}
.element {
color: var(--autumn-glaze);
background-color: hsl(12 48% 47%);
border-color: oklch(0.565 0.126 35.7);
}Tailwind CSS v4
@theme {
--color-autumn-glaze: #b3573f;
--color-autumn-glaze-50: #ffeadc;
--color-autumn-glaze-100: #ffdaca;
--color-autumn-glaze-200: #ffc2ae;
--color-autumn-glaze-300: #f0a189;
--color-autumn-glaze-400: #de826a;
--color-autumn-glaze-500: #cb6348;
--color-autumn-glaze-600: #ab553e;
--color-autumn-glaze-700: #8a4431;
--color-autumn-glaze-800: #673024;
--color-autumn-glaze-900: #482118;
--color-autumn-glaze-950: #2f1009;
}SCSS
$autumn-glaze: #b3573f;
$autumn-glaze-rgb: 179, 87, 63;
$autumn-glaze-light: mix(#fff, $autumn-glaze, 20%);
$autumn-glaze-dark: mix(#000, $autumn-glaze, 20%);
.element {
color: $autumn-glaze;
box-shadow: 0 0 0 2px rgba($autumn-glaze, 0.35);
}