Adlandırılmış renk · #B67656
Campfire Blaze
Campfire Blaze, #B67656: rgb(182 118 86), hsl(20 40% 53%), oklch(0.626 0.093 47.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Campfire Blaze color name →
#B67656
oklch(0.626 0.093 47.1)
Renk dönüşümleri
- HEX
- #b67656
- RGB
- rgb(182 118 86)
- HSL
- hsl(20 40% 53%)
- HWB
- hwb(20 34% 29%)
- OKLCH
- oklch(0.626 0.093 47.1)
- OKLab
- oklab(0.626 0.063 0.068)
- CIE Lab
- lab(56.05 23.31 28.46)
- LCH
- lch(56.05 36.79 50.7)
- CMYK
- cmyk(0% 35% 53% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BE8366
- C69177
- CD9E87
- D5AC98
- DCB9A9
- E3C7BA
- EBD5CB
- F1E3DC
- F8F1ED
Koyu tonlar
- 9E664A
- 86563E
- 6F4732
- 593827
- 44291C
- 301C12
- 1D0F08
- 0C0502
- 020100
Gri tonlar
- B1775B
- AC795F
- A77A64
- A27B68
- 9C7C6C
- 977D71
- 917E75
- 8C7F78
- 867F7C
Renk uyumları
Tamamlayıcı +180°
- B67656
Campfire Blaze
- 4193B3
≈ Enchanted Well
Analog -30° +30°
- B67656
Campfire Blaze
- B97074
≈ Exotic Incense
- A78043
≈ Caramel Suede
Üçlü +120° +240°
- B67656
Campfire Blaze
- 489A7C
≈ Greenway
- 847FBD
≈ Faraway Sky
Bölünmüş tamamlayıcı +150° +210°
- B67656
Campfire Blaze
- 30999B
≈ Ocean Reef
- 638AC0
≈ Danube
Dörtlü +90° +180° +270°
- B67656
Campfire Blaze
- 6D955D
≈ Milpa
- 4193B3
≈ Enchanted Well
- 9F76AD
≈ Karma Chameleon
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.67:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.71:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.71:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--campfire-blaze: #b67656;
--campfire-blaze-rgb: 182 118 86;
--campfire-blaze-oklch: oklch(0.626 0.093 47.1);
}
.element {
color: var(--campfire-blaze);
background-color: hsl(20 40% 53%);
border-color: oklch(0.626 0.093 47.1);
}Tailwind CSS v4
@theme {
--color-campfire-blaze: #b67656;
--color-campfire-blaze-50: #ffeede;
--color-campfire-blaze-100: #ffe0cd;
--color-campfire-blaze-200: #f6c9b2;
--color-campfire-blaze-300: #dfaa8e;
--color-campfire-blaze-400: #cc8e6f;
--color-campfire-blaze-500: #b8724e;
--color-campfire-blaze-600: #9c6143;
--color-campfire-blaze-700: #7d4d35;
--color-campfire-blaze-800: #5d3826;
--color-campfire-blaze-900: #41261a;
--color-campfire-blaze-950: #2a140a;
}SCSS
$campfire-blaze: #b67656;
$campfire-blaze-rgb: 182, 118, 86;
$campfire-blaze-light: mix(#fff, $campfire-blaze, 20%);
$campfire-blaze-dark: mix(#000, $campfire-blaze, 20%);
.element {
color: $campfire-blaze;
box-shadow: 0 0 0 2px rgba($campfire-blaze, 0.35);
}