色名 · #B05C52
Giant’s Club
Giant’s Clubは#B05C52：rgb(176 92 82)、hsl(6 37% 51%)、oklch(0.572 0.111 28.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Giant’s Club color name →
#B05C52
oklch(0.572 0.111 28.1)
カラー変換
- HEX
- #b05c52
- RGB
- rgb(176 92 82)
- HSL
- hsl(6 37% 51%)
- HWB
- hwb(6 32% 31%)
- OKLCH
- oklch(0.572 0.111 28.1)
- OKLab
- oklab(0.572 0.098 0.052)
- CIE Lab
- lab(49.31 34.16 22)
- LCH
- lch(49.31 40.63 32.8)
- CMYK
- cmyk(0% 48% 53% 31%)
ティント · シェード · トーン
ティント
- B96C62
- C27C73
- CB8C83
- D39C94
- DBACA6
- E3BDB7
- EACDC9
- F1DEDB
- F8EEED
シェード
- 994F46
- 82423B
- 6C362F
- 562A25
- 421F1A
- 2E1411
- 1C0A08
- 0B0302
- 010000
トーン
- AC6057
- A8645C
- A46860
- 9F6C65
- 9B706A
- 96736E
- 917773
- 8B7A77
- 867D7C
カラーハーモニー
補色 +180°
- B05C52
Giant’s Club
- 008896
≈ Atlantic Blue
類似色 -30° +30°
- B05C52
Giant’s Club
- AB5A77
≈ Indian Pink
- A8662D
≈ Autumn Surprise
トライアド +120° +240°
- B05C52
Giant’s Club
- 448A51
≈ Medium Green
- 5C74BA
≈ Wild Pansy
スプリットコンプリメンタリー +150° +210°
- B05C52
Giant’s Club
- 008C78
≈ Emerald Enchantment
- 2780B2
≈ Blue Vacation
テトラード +90° +180° +270°
- B05C52
Giant’s Club
- 72802A
≈ Pacifika
- 008896
≈ Atlantic Blue
- 8068B1
≈ Lavish Spending
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.66:1 · APCA Lc 72
Ag
Fail黒の上
WCAG 4.49:1 · APCA Lc 30
最適な文字色: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--giant-s-club: #b05c52;
--giant-s-club-rgb: 176 92 82;
--giant-s-club-oklch: oklch(0.572 0.111 28.1);
}
.element {
color: var(--giant-s-club);
background-color: hsl(6 37% 51%);
border-color: oklch(0.572 0.111 28.1);
}Tailwind CSS v4
@theme {
--color-giant-s-club: #b05c52;
--color-giant-s-club-50: #ffeae3;
--color-giant-s-club-100: #ffdbd2;
--color-giant-s-club-200: #ffc3b8;
--color-giant-s-club-300: #eba296;
--color-giant-s-club-400: #d88479;
--color-giant-s-club-500: #c5675c;
--color-giant-s-club-600: #a6574e;
--color-giant-s-club-700: #86463e;
--color-giant-s-club-800: #63322e;
--color-giant-s-club-900: #46221f;
--color-giant-s-club-950: #2d110f;
}SCSS
$giant-s-club: #b05c52;
$giant-s-club-rgb: 176, 92, 82;
$giant-s-club-light: mix(#fff, $giant-s-club, 20%);
$giant-s-club-dark: mix(#000, $giant-s-club, 20%);
.element {
color: $giant-s-club;
box-shadow: 0 0 0 2px rgba($giant-s-club, 0.35);
}