色名 · #BF652E
Dwarven Bronze
Dwarven Bronzeは#BF652E：rgb(191 101 46)、hsl(23 61% 46%)、oklch(0.602 0.134 49.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Dwarven Bronze color name →
#BF652E
oklch(0.602 0.134 49.1)
カラー変換
- HEX
- #bf652e
- RGB
- rgb(191 101 46)
- HSL
- hsl(23 61% 46%)
- HWB
- hwb(23 18% 25%)
- OKLCH
- oklch(0.602 0.134 49.1)
- OKLab
- oklab(0.602 0.087 0.101)
- CIE Lab
- lab(53.04 33.97 46.48)
- LCH
- lch(53.04 57.57 53.8)
- CMYK
- cmyk(0% 47% 76% 25%)
ティント · シェード · トーン
ティント
- C77546
- CE845B
- D59470
- DCA384
- E3B298
- E9C1AD
- EFD1C1
- F5E0D5
- FAEFEA
シェード
- A65727
- 8D491F
- 753C18
- 5E2F12
- 48220B
- 331706
- 1F0C02
- 0D0301
- 020000
トーン
- B9693A
- B46C44
- AE6F4D
- A87255
- A2755D
- 9C7764
- 957A6C
- 8E7C73
- 877E79
カラーハーモニー
補色 +180°
- BF652E
Dwarven Bronze
- 008DB9
≈ Hawaiian Ocean
類似色 -30° +30°
- BF652E
Dwarven Bronze
- C45C60
≈ Pimm’s
- A87600
≈ Falafel
トライアド +120° +240°
- BF652E
Dwarven Bronze
- 009775
≈ Cadaverous
- 8071CB
≈ Kickstart Purple
スプリットコンプリメンタリー +150° +210°
- BF652E
Dwarven Bronze
- 009398
≈ Peacock Feather
- 4E80D0
≈ Serenity’s Reign
テトラード +90° +180° +270°
- BF652E
Dwarven Bronze
- 539341
≈ May Green
- 008DB9
≈ Hawaiian Ocean
- A364B3
≈ Prickly Purple
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.10:1 · APCA Lc 68
Ag
AA黒の上
WCAG 5.11:1 · APCA Lc 34
最適な文字色: #000000
WCAG 5.11:1 (AA) · APCA Lc 34
Contrast pairs
コードスニペット
CSS
:root {
--dwarven-bronze: #bf652e;
--dwarven-bronze-rgb: 191 101 46;
--dwarven-bronze-oklch: oklch(0.602 0.134 49.1);
}
.element {
color: var(--dwarven-bronze);
background-color: hsl(23 61% 46%);
border-color: oklch(0.602 0.134 49.1);
}Tailwind CSS v4
@theme {
--color-dwarven-bronze: #bf652e;
--color-dwarven-bronze-50: #ffebd3;
--color-dwarven-bronze-100: #ffdcc0;
--color-dwarven-bronze-200: #ffc4a0;
--color-dwarven-bronze-300: #eea377;
--color-dwarven-bronze-400: #dd8553;
--color-dwarven-bronze-500: #ca6626;
--color-dwarven-bronze-600: #ab5723;
--color-dwarven-bronze-700: #89461c;
--color-dwarven-bronze-800: #673114;
--color-dwarven-bronze-900: #48220c;
--color-dwarven-bronze-950: #2f1002;
}SCSS
$dwarven-bronze: #bf652e;
$dwarven-bronze-rgb: 191, 101, 46;
$dwarven-bronze-light: mix(#fff, $dwarven-bronze, 20%);
$dwarven-bronze-dark: mix(#000, $dwarven-bronze, 20%);
.element {
color: $dwarven-bronze;
box-shadow: 0 0 0 2px rgba($dwarven-bronze, 0.35);
}