Adlandırılmış renk · #BF7E41
Beeswax Candle
Beeswax Candle, #BF7E41: rgb(191 126 65), hsl(29 50% 50%), oklch(0.649 0.112 61.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Beeswax Candle color name →
#BF7E41
oklch(0.649 0.112 61.8)
Renk dönüşümleri
- HEX
- #bf7e41
- RGB
- rgb(191 126 65)
- HSL
- hsl(29 50% 50%)
- HWB
- hwb(29 25% 25%)
- OKLCH
- oklch(0.649 0.112 61.8)
- OKLab
- oklab(0.649 0.053 0.098)
- CIE Lab
- lab(58.85 21.75 43.21)
- LCH
- lch(58.85 48.37 63.3)
- CMYK
- cmyk(0% 34% 66% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C68B56
- CD9869
- D4A47C
- DAB18F
- E1BEA1
- E7CBB4
- EDD8C6
- F3E5D9
- F9F2EC
Koyu tonlar
- A66D37
- 8D5C2E
- 754C25
- 5E3C1C
- 482D13
- 331F0B
- 1F1105
- 0D0501
- 020100
Gri tonlar
- B97F4A
- B37F51
- AD8058
- A7805F
- A08065
- 9A806B
- 948070
- 8D8076
- 87807B
Renk uyumları
Tamamlayıcı +180°
- BF7E41
Beeswax Candle
- 4996CD
≈ Perfect Sky
Analog -30° +30°
- BF7E41
Beeswax Candle
- C97463
≈ Peach Macaron
- A78C33
≈ Sullen Gold
Üçlü +120° +240°
- BF7E41
Beeswax Candle
- 1AA494
≈ Tropical Sea
- 9B7EC7
≈ Lilac Purple
Bölünmüş tamamlayıcı +150° +210°
- BF7E41
Beeswax Candle
- 0AA0B6
≈ January Blue
- 778AD3
≈ True Lavender
Dörtlü +90° +180° +270°
- BF7E41
Beeswax Candle
- 55A26C
≈ Great Gazoo
- 4996CD
≈ Perfect Sky
- B674AD
≈ Eccentric Magenta
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.34:1 · APCA Lc 61
Ag
AASiyah üzerinde
WCAG 6.27:1 · APCA Lc 41
En iyi metin rengi: #000000
WCAG 6.27:1 (AA) · APCA Lc 41
Contrast pairs
Kod parçacıkları
CSS
:root {
--beeswax-candle: #bf7e41;
--beeswax-candle-rgb: 191 126 65;
--beeswax-candle-oklch: oklch(0.649 0.112 61.8);
}
.element {
color: var(--beeswax-candle);
background-color: hsl(29 50% 50%);
border-color: oklch(0.649 0.112 61.8);
}Tailwind CSS v4
@theme {
--color-beeswax-candle: #bf7e41;
--color-beeswax-candle-50: #ffefd5;
--color-beeswax-candle-100: #ffe1c2;
--color-beeswax-candle-200: #f7cba3;
--color-beeswax-candle-300: #e0ab7b;
--color-beeswax-candle-400: #ce8f56;
--color-beeswax-candle-500: #ba732c;
--color-beeswax-candle-600: #9d6227;
--color-beeswax-candle-700: #7e4e1f;
--color-beeswax-candle-800: #5e3815;
--color-beeswax-candle-900: #42260e;
--color-beeswax-candle-950: #2a1402;
}SCSS
$beeswax-candle: #bf7e41;
$beeswax-candle-rgb: 191, 126, 65;
$beeswax-candle-light: mix(#fff, $beeswax-candle, 20%);
$beeswax-candle-dark: mix(#000, $beeswax-candle, 20%);
.element {
color: $beeswax-candle;
box-shadow: 0 0 0 2px rgba($beeswax-candle, 0.35);
}