En yakın adlandırılmış renk · #B75F02
#B75F02
En yakın adlandırılmış renk: Fire Ant
#B75F02 (rgb(183 95 2), hsl(31 98% 36%), oklch(0.579 0.141 55.8)) en çok Fire Ant adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#B75F02
oklch(0.579 0.141 55.8)
Renk dönüşümleri
- HEX
- #b75f02
- RGB
- rgb(183 95 2)
- HSL
- hsl(31 98% 36%)
- HWB
- hwb(31 1% 28%)
- OKLCH
- oklch(0.579 0.141 55.8)
- OKLab
- oklab(0.579 0.08 0.117)
- CIE Lab
- lab(50.39 32.95 58.43)
- LCH
- lch(50.39 67.09 60.6)
- CMYK
- cmyk(0% 48% 99% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BF6F2F
- C87F4A
- D08F62
- D79F79
- DEAF8F
- E5BFA5
- ECCFBB
- F3DFD2
- F9EFE8
Koyu tonlar
- 9F5201
- 874401
- 703801
- 5A2C00
- 452000
- 311500
- 1E0A00
- 0C0300
- 020000
Gri tonlar
- B26321
- AD6731
- A86B3E
- A36F49
- 9E7254
- 98755D
- 937866
- 8D7B6F
- 877E78
Renk uyumları
Tamamlayıcı +180°
- B75F02
Fire Ant
- 0084B9
≈ Dresden Blue
Analog -30° +30°
- B75F02
Fire Ant
- BF534C
≈ Sunset
- 997300
≈ Glazed Chestnut
Üçlü +120° +240°
- B75F02
Fire Ant
- 008E77
≈ Emerald Enchantment
- 8265C3
≈ Lavish Spending
Bölünmüş tamamlayıcı +150° +210°
- B75F02
Fire Ant
- 008A96
≈ Zuni
- 5275CD
≈ Indigo Light
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.51:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.65:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--fire-ant: #b75f02;
--fire-ant-rgb: 183 95 2;
--fire-ant-oklch: oklch(0.579 0.141 55.8);
}
.element {
color: var(--fire-ant);
background-color: hsl(31 98% 36%);
border-color: oklch(0.579 0.141 55.8);
}Tailwind CSS v4
@theme {
--color-fire-ant: #b75f02;
--color-fire-ant-50: #ffecce;
--color-fire-ant-100: #ffddba;
--color-fire-ant-200: #ffc698;
--color-fire-ant-300: #eea56c;
--color-fire-ant-400: #dd8643;
--color-fire-ant-500: #ca6800;
--color-fire-ant-600: #ab5802;
--color-fire-ant-700: #894605;
--color-fire-ant-800: #673205;
--color-fire-ant-900: #482204;
--color-fire-ant-950: #2f1100;
}SCSS
$fire-ant: #b75f02;
$fire-ant-rgb: 183, 95, 2;
$fire-ant-light: mix(#fff, $fire-ant, 20%);
$fire-ant-dark: mix(#000, $fire-ant, 20%);
.element {
color: $fire-ant;
box-shadow: 0 0 0 2px rgba($fire-ant, 0.35);
}