色名 · #BB4455
Thai Spice
Thai Spiceは#BB4455：rgb(187 68 85)、hsl(351 47% 50%)、oklch(0.555 0.153 15.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Thai Spice color name →
#BB4455
oklch(0.555 0.153 15.2)
カラー変換
- HEX
- #bb4455
- RGB
- rgb(187 68 85)
- HSL
- hsl(351 47% 50%)
- HWB
- hwb(351 27% 27%)
- OKLCH
- oklch(0.555 0.153 15.2)
- OKLab
- oklab(0.555 0.148 0.04)
- CIE Lab
- lab(46.65 49.62 17.14)
- LCH
- lch(46.65 52.5 19.1)
- CMYK
- cmyk(0% 64% 55% 27%)
ティント · シェード · トーン
ティント
- C45865
- CD6C75
- D57E85
- DC9196
- E3A3A7
- EAB5B8
- F0C7C9
- F5DADB
- FAECED
シェード
- A23A49
- 8A303D
- 732631
- 5C1D26
- 46141C
- 320C11
- 1F0508
- 0D0202
- 020000
トーン
- B64C59
- B2545E
- AD5A62
- A76166
- A2676B
- 9C6C6F
- 967173
- 8F7677
- 887B7C
カラーハーモニー
補色 +180°
- BB4455
Thai Spice
- 008484
≈ Marine Teal
類似色 -30° +30°
- BB4455
Thai Spice
- AE4787
≈ Romantic Rose
- B84E0C
≈ Gold Flame
トライアド +120° +240°
- BB4455
Thai Spice
- 478515
≈ Fruitless Fig Tree
- 2972CA
≈ Blue-Eyed Boy
スプリットコンプリメンタリー +150° +210°
- BB4455
Thai Spice
- 008862
≈ Primal Green
- 007FA1
≈ Kingfisher Sheen
テトラード +90° +180° +270°
- BB4455
Thai Spice
- 7D7600
≈ Tool Green
- 008484
≈ Marine Teal
- 6C61C7
≈ Dark Periwinkle
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.15:1 · APCA Lc 75
Ag
Fail黒の上
WCAG 4.07:1 · APCA Lc 27
最適な文字色: #FFFFFF
WCAG 5.15:1 (AA) · APCA Lc 75
Contrast pairs
コードスニペット
CSS
:root {
--thai-spice: #bb4455;
--thai-spice-rgb: 187 68 85;
--thai-spice-oklch: oklch(0.555 0.153 15.2);
}
.element {
color: var(--thai-spice);
background-color: hsl(351 47% 50%);
border-color: oklch(0.555 0.153 15.2);
}Tailwind CSS v4
@theme {
--color-thai-spice: #bb4455;
--color-thai-spice-50: #ffe4e5;
--color-thai-spice-100: #ffd4d5;
--color-thai-spice-200: #ffbabd;
--color-thai-spice-300: #fc969b;
--color-thai-spice-400: #ea7581;
--color-thai-spice-500: #d85264;
--color-thai-spice-600: #b64655;
--color-thai-spice-700: #933844;
--color-thai-spice-800: #6d2733;
--color-thai-spice-900: #4d1a23;
--color-thai-spice-950: #320a12;
}SCSS
$thai-spice: #bb4455;
$thai-spice-rgb: 187, 68, 85;
$thai-spice-light: mix(#fff, $thai-spice, 20%);
$thai-spice-dark: mix(#000, $thai-spice, 20%);
.element {
color: $thai-spice;
box-shadow: 0 0 0 2px rgba($thai-spice, 0.35);
}