最も近い色名 · #BB6561
#BB6561
最も近い色名: Stormy Passion
#BB6561（rgb(187 101 97)、hsl(3 40% 56%)、oklch(0.605 0.111 23.7)）に最も近い色名はStormy Passionです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#BB6561
oklch(0.605 0.111 23.7)
カラー変換
- HEX
- #bb6561
- RGB
- rgb(187 101 97)
- HSL
- hsl(3 40% 56%)
- HWB
- hwb(3 38% 27%)
- OKLCH
- oklch(0.605 0.111 23.7)
- OKLab
- oklab(0.605 0.102 0.045)
- CIE Lab
- lab(53.07 34.92 18.52)
- LCH
- lch(53.07 39.52 27.9)
- CMYK
- cmyk(0% 46% 48% 27%)
ティント · シェード · トーン
ティント
- C37470
- CB847F
- D2938E
- D9A29E
- E0B1AD
- E7C1BD
- EDD0CD
- F4E0DE
- F9EFEE
シェード
- A25753
- 8A4946
- 733C39
- 5C2F2D
- 462221
- 321715
- 1F0C0B
- 0D0303
- 020000
トーン
- B66864
- B06C68
- AB6F6B
- A5716E
- A07471
- 9A7774
- 947977
- 8D7C7A
- 877E7D
カラーハーモニー
補色 +180°
- BB6561
Stormy Passion
- 00939E
≈ Jaded
類似色 -30° +30°
- BB6561
Stormy Passion
- B46487
≈ Raspberry Parfait
- B56E3C
≈ Orange Ballad
トライアド +120° +240°
- BB6561
Stormy Passion
- 569355
≈ Ineffable Forest
- 5F80C4
≈ Bodega Bay
スプリットコンプリメンタリー +150° +210°
- BB6561
Stormy Passion
- 16977C
≈ Pool Table
- 2A8CB9
≈ Hidden Springs
テトラード +90° +180° +270°
- BB6561
Stormy Passion
- 818931
≈ Absinthe Dreams
- 00939E
≈ Jaded
- 8574BE
≈ Purple Hebe
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.08:1 · APCA Lc 68
Ag
AA黒の上
WCAG 5.14:1 · APCA Lc 34
最適な文字色: #000000
WCAG 5.14:1 (AA) · APCA Lc 34
Contrast pairs
コードスニペット
CSS
:root {
--stormy-passion: #bb6561;
--stormy-passion-rgb: 187 101 97;
--stormy-passion-oklch: oklch(0.605 0.111 23.7);
}
.element {
color: var(--stormy-passion);
background-color: hsl(3 40% 56%);
border-color: oklch(0.605 0.111 23.7);
}Tailwind CSS v4
@theme {
--color-stormy-passion: #bb6561;
--color-stormy-passion-50: #ffeae5;
--color-stormy-passion-100: #ffdad5;
--color-stormy-passion-200: #ffc3bc;
--color-stormy-passion-300: #eba19a;
--color-stormy-passion-400: #d8837f;
--color-stormy-passion-500: #c56662;
--color-stormy-passion-600: #a65753;
--color-stormy-passion-700: #864542;
--color-stormy-passion-800: #633131;
--color-stormy-passion-900: #462221;
--color-stormy-passion-950: #2d1111;
}SCSS
$stormy-passion: #bb6561;
$stormy-passion-rgb: 187, 101, 97;
$stormy-passion-light: mix(#fff, $stormy-passion, 20%);
$stormy-passion-dark: mix(#000, $stormy-passion, 20%);
.element {
color: $stormy-passion;
box-shadow: 0 0 0 2px rgba($stormy-passion, 0.35);
}