Adlandırılmış renk · #B74537
Fiery Topaz
Fiery Topaz, #B74537: rgb(183 69 55), hsl(7 54% 47%), oklch(0.544 0.151 29.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Fiery Topaz color name →
#B74537
oklch(0.544 0.151 29.8)
Renk dönüşümleri
- HEX
- #b74537
- RGB
- rgb(183 69 55)
- HSL
- hsl(7 54% 47%)
- HWB
- hwb(7 22% 28%)
- OKLCH
- oklch(0.544 0.151 29.8)
- OKLab
- oklab(0.544 0.131 0.075)
- CIE Lab
- lab(45.68 46.4 33.63)
- LCH
- lch(45.68 57.3 35.9)
- CMYK
- cmyk(0% 62% 70% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C0594B
- C96C5E
- D27F72
- D99185
- E1A399
- E8B5AD
- EEC8C1
- F4DAD5
- FAECEA
Koyu tonlar
- 9F3B2E
- 873126
- 70271E
- 5A1E16
- 45150F
- 310C08
- 1E0503
- 0C0201
- 020000
Gri tonlar
- B34D3F
- AE5447
- AA5B4F
- A56156
- A0675E
- 9A6C65
- 94726C
- 8E7772
- 877B79
Renk uyumları
Tamamlayıcı +180°
- B74537
Fiery Topaz
- 007E8E
≈ Metallic Seaweed
Analog -30° +30°
- B74537
Fiery Topaz
- B2426D
≈ Raspberry Rose
- A45A00
≈ Raw Umber
Üçlü +120° +240°
- B74537
Fiery Topaz
- 00873B
≈ Broccoli Paradise
- 4E67C7
≈ Borage Blue
Bölünmüş tamamlayıcı +150° +210°
- B74537
Fiery Topaz
- 008272
≈ Green Garlands
- 0077B0
≈ Americana
Dörtlü +90° +180° +270°
- B74537
Fiery Topaz
- 677A00
≈ Topiary Green
- 007E8E
≈ Metallic Seaweed
- 7E57B9
≈ Fuchsia Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.35:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 3.91:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.35:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--fiery-topaz: #b74537;
--fiery-topaz-rgb: 183 69 55;
--fiery-topaz-oklch: oklch(0.544 0.151 29.8);
}
.element {
color: var(--fiery-topaz);
background-color: hsl(7 54% 47%);
border-color: oklch(0.544 0.151 29.8);
}Tailwind CSS v4
@theme {
--color-fiery-topaz: #b74537;
--color-fiery-topaz-50: #ffe6db;
--color-fiery-topaz-100: #ffd6c9;
--color-fiery-topaz-200: #ffbdac;
--color-fiery-topaz-300: #fb9987;
--color-fiery-topaz-400: #ea7868;
--color-fiery-topaz-500: #d85646;
--color-fiery-topaz-600: #b64a3c;
--color-fiery-topaz-700: #923b30;
--color-fiery-topaz-800: #6d2a23;
--color-fiery-topaz-900: #4d1c17;
--color-fiery-topaz-950: #330b09;
}SCSS
$fiery-topaz: #b74537;
$fiery-topaz-rgb: 183, 69, 55;
$fiery-topaz-light: mix(#fff, $fiery-topaz, 20%);
$fiery-topaz-dark: mix(#000, $fiery-topaz, 20%);
.element {
color: $fiery-topaz;
box-shadow: 0 0 0 2px rgba($fiery-topaz, 0.35);
}