色名 · #B1635E
Sienna Red
Sienna Redは#B1635E：rgb(177 99 94)、hsl(4 35% 53%)、oklch(0.587 0.102 24.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Sienna Red color name →
#B1635E
oklch(0.587 0.102 24.5)
カラー変換
- HEX
- #b1635e
- RGB
- rgb(177 99 94)
- HSL
- hsl(4 35% 53%)
- HWB
- hwb(4 37% 31%)
- OKLCH
- oklch(0.587 0.102 24.5)
- OKLab
- oklab(0.587 0.093 0.042)
- CIE Lab
- lab(51.16 31.79 17.42)
- LCH
- lch(51.16 36.25 28.7)
- CMYK
- cmyk(0% 44% 47% 31%)
ティント · シェード · トーン
ティント
- BA726D
- C2827C
- CB918C
- D3A09C
- DBB0AC
- E2BFBC
- EACFCC
- F1DFDD
- F8EFEE
シェード
- 995551
- 834744
- 6C3A37
- 572E2B
- 42211F
- 2F1614
- 1C0B0A
- 0C0303
- 010000
トーン
- AD6662
- A86A65
- A46D69
- 9F706C
- 9B736F
- 967673
- 917876
- 8B7B79
- 867E7D
カラーハーモニー
補色 +180°
- B1635E
Sienna Red
- 008D98
≈ Tempo Teal
類似色 -30° +30°
- B1635E
Sienna Red
- AB6280
≈ Daah-Ling
- AB6B3E
≈ Bourbon
トライアド +120° +240°
- B1635E
Sienna Red
- 548C55
≈ Middle Green
- 5E7BB9
≈ Blue Android Base
スプリットコンプリメンタリー +150° +210°
- B1635E
Sienna Red
- 239078
≈ Illuminating Emerald
- 3386B0
≈ Blue Splash
テトラード +90° +180° +270°
- B1635E
Sienna Red
- 7B8336
≈ Laird
- 008D98
≈ Tempo Teal
- 8070B3
≈ Plum Preserve
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.36:1 · APCA Lc 70
Ag
AA黒の上
WCAG 4.81:1 · APCA Lc 32
最適な文字色: #000000
WCAG 4.81:1 (AA) · APCA Lc 32
Contrast pairs
コードスニペット
CSS
:root {
--sienna-red: #b1635e;
--sienna-red-rgb: 177 99 94;
--sienna-red-oklch: oklch(0.587 0.102 24.5);
}
.element {
color: var(--sienna-red);
background-color: hsl(4 35% 53%);
border-color: oklch(0.587 0.102 24.5);
}Tailwind CSS v4
@theme {
--color-sienna-red: #b1635e;
--color-sienna-red-50: #ffebe6;
--color-sienna-red-100: #ffdcd6;
--color-sienna-red-200: #fdc4bd;
--color-sienna-red-300: #e7a49c;
--color-sienna-red-400: #d48680;
--color-sienna-red-500: #c06964;
--color-sienna-red-600: #a35a55;
--color-sienna-red-700: #834744;
--color-sienna-red-800: #613332;
--color-sienna-red-900: #442322;
--color-sienna-red-950: #2c1211;
}SCSS
$sienna-red: #b1635e;
$sienna-red-rgb: 177, 99, 94;
$sienna-red-light: mix(#fff, $sienna-red, 20%);
$sienna-red-dark: mix(#000, $sienna-red, 20%);
.element {
color: $sienna-red;
box-shadow: 0 0 0 2px rgba($sienna-red, 0.35);
}