色名 · #BF7E41
Beeswax Candle
Beeswax Candleは#BF7E41：rgb(191 126 65)、hsl(29 50% 50%)、oklch(0.649 0.112 61.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Beeswax Candle color name →
#BF7E41
oklch(0.649 0.112 61.8)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- C68B56
- CD9869
- D4A47C
- DAB18F
- E1BEA1
- E7CBB4
- EDD8C6
- F3E5D9
- F9F2EC
シェード
- A66D37
- 8D5C2E
- 754C25
- 5E3C1C
- 482D13
- 331F0B
- 1F1105
- 0D0501
- 020100
トーン
- B97F4A
- B37F51
- AD8058
- A7805F
- A08065
- 9A806B
- 948070
- 8D8076
- 87807B
カラーハーモニー
補色 +180°
- BF7E41
Beeswax Candle
- 4996CD
≈ Perfect Sky
類似色 -30° +30°
- BF7E41
Beeswax Candle
- C97463
≈ Peach Macaron
- A78C33
≈ Sullen Gold
トライアド +120° +240°
- BF7E41
Beeswax Candle
- 1AA494
≈ Tropical Sea
- 9B7EC7
≈ Lilac Purple
スプリットコンプリメンタリー +150° +210°
- BF7E41
Beeswax Candle
- 0AA0B6
≈ January Blue
- 778AD3
≈ True Lavender
テトラード +90° +180° +270°
- BF7E41
Beeswax Candle
- 55A26C
≈ Great Gazoo
- 4996CD
≈ Perfect Sky
- B674AD
≈ Eccentric Magenta
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.34:1 · APCA Lc 61
Ag
AA黒の上
WCAG 6.27:1 · APCA Lc 41
最適な文字色: #000000
WCAG 6.27:1 (AA) · APCA Lc 41
Contrast pairs
コードスニペット
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);
}