色名 · #B3446C
Irresistible
Irresistibleは#B3446C：rgb(179 68 108)、hsl(338 45% 48%)、oklch(0.548 0.149 0.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Irresistible color name →
#B3446C
oklch(0.548 0.149 0.9)
カラー変換
- HEX
- #b3446c
- RGB
- rgb(179 68 108)
- HSL
- hsl(338 45% 48%)
- HWB
- hwb(338 27% 30%)
- OKLCH
- oklch(0.548 0.149 0.9)
- OKLab
- oklab(0.548 0.149 0.002)
- CIE Lab
- lab(45.75 48.49 1.58)
- LCH
- lch(45.75 48.51 1.9)
- CMYK
- cmyk(0% 62% 40% 30%)
ティント · シェード · トーン
ティント
- BD587A
- C66B87
- CE7D96
- D790A4
- DEA2B3
- E6B4C2
- EDC7D1
- F3D9E0
- F9ECEF
シェード
- 9B3A5D
- 84304E
- 6E2640
- 581D32
- 431425
- 2F0C19
- 1D050D
- 0C0204
- 010000
トーン
- AF4C6E
- AB5370
- A75A72
- A26074
- 9D6676
- 986B78
- 93717A
- 8D767C
- 877B7E
カラーハーモニー
補色 +180°
- B3446C
Irresistible
- 008374
≈ Summer Turquoise
類似色 -30° +30°
- B3446C
Irresistible
- A04B98
≈ Hyacinth Violet
- B84837
≈ Vermilion Red
トライアド +120° +240°
- B3446C
Irresistible
- 667C00
≈ Birch Leaf Green
- 0078B4
≈ Americana
スプリットコンプリメンタリー +150° +210°
- B3446C
Irresistible
- 008840
≈ The Wild Apothecary
- 007F90
≈ Briny
テトラード +90° +180° +270°
- B3446C
Irresistible
- 8A6E00
≈ Vermin Brown
- 008374
≈ Summer Turquoise
- 5268C7
≈ Borage Blue
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.30:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 3.96:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.30:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--irresistible: #b3446c;
--irresistible-rgb: 179 68 108;
--irresistible-oklch: oklch(0.548 0.149 0.9);
}
.element {
color: var(--irresistible);
background-color: hsl(338 45% 48%);
border-color: oklch(0.548 0.149 0.9);
}Tailwind CSS v4
@theme {
--color-irresistible: #b3446c;
--color-irresistible-50: #ffe4f1;
--color-irresistible-100: #ffd4e3;
--color-irresistible-200: #ffbace;
--color-irresistible-300: #f796b0;
--color-irresistible-400: #e47699;
--color-irresistible-500: #d15480;
--color-irresistible-600: #b1486d;
--color-irresistible-700: #8e3957;
--color-irresistible-800: #692841;
--color-irresistible-900: #4a1b2d;
--color-irresistible-950: #300b1a;
}SCSS
$irresistible: #b3446c;
$irresistible-rgb: 179, 68, 108;
$irresistible-light: mix(#fff, $irresistible, 20%);
$irresistible-dark: mix(#000, $irresistible, 20%);
.element {
color: $irresistible;
box-shadow: 0 0 0 2px rgba($irresistible, 0.35);
}