En yakın adlandırılmış renk · #B75449
#B75449
En yakın adlandırılmış renk: Conker
#B75449 (rgb(183 84 73), hsl(6 43% 50%), oklch(0.568 0.131 28.3)) en çok Conker 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.
#B75449
oklch(0.568 0.131 28.3)
Renk dönüşümleri
- HEX
- #b75449
- RGB
- rgb(183 84 73)
- HSL
- hsl(6 43% 50%)
- HWB
- hwb(6 29% 28%)
- OKLCH
- oklch(0.568 0.131 28.3)
- OKLab
- oklab(0.568 0.115 0.062)
- CIE Lab
- lab(48.63 40.32 26.68)
- LCH
- lch(48.63 48.35 33.5)
- CMYK
- cmyk(0% 54% 60% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C0665A
- C8776C
- D0887D
- D8988F
- E0A9A1
- E7BAB3
- EDCBC6
- F4DCD9
- F9EEEC
Koyu tonlar
- 9F483E
- 873C34
- 70312A
- 5A2620
- 451B17
- 31110E
- 1E0806
- 0C0202
- 020000
Gri tonlar
- B25A4F
- AE5F55
- A9645A
- A46860
- 9F6D66
- 99716B
- 937570
- 8D7976
- 877C7B
Renk uyumları
Tamamlayıcı +180°
- B75449
Conker
- 008695
≈ Painted Sea
Analog -30° +30°
- B75449
Conker
- B25276
≈ Diva Glam
- AE600E
≈ Orange Brown
Üçlü +120° +240°
- B75449
Conker
- 348B48
≈ St. Patrick
- 5671C3
≈ Indigo Light
Bölünmüş tamamlayıcı +150° +210°
- B75449
Conker
- 008A77
≈ Emerald Enchantment
- 007FB8
≈ Meissen Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.79:1 · APCA Lc 73
Ag
FailSiyah üzerinde
WCAG 4.37:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.79:1 (AA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--conker: #b75449;
--conker-rgb: 183 84 73;
--conker-oklch: oklch(0.568 0.131 28.3);
}
.element {
color: var(--conker);
background-color: hsl(6 43% 50%);
border-color: oklch(0.568 0.131 28.3);
}Tailwind CSS v4
@theme {
--color-conker: #b75449;
--color-conker-50: #ffe8df;
--color-conker-100: #ffd8ce;
--color-conker-200: #ffc0b3;
--color-conker-300: #f39e8f;
--color-conker-400: #e17f72;
--color-conker-500: #ce5f53;
--color-conker-600: #ae5147;
--color-conker-700: #8c4138;
--color-conker-800: #682e29;
--color-conker-900: #491f1c;
--color-conker-950: #300e0c;
}SCSS
$conker: #b75449;
$conker-rgb: 183, 84, 73;
$conker-light: mix(#fff, $conker, 20%);
$conker-dark: mix(#000, $conker, 20%);
.element {
color: $conker;
box-shadow: 0 0 0 2px rgba($conker, 0.35);
}