色名 · #BF2133
Relief
Reliefは#BF2133：rgb(191 33 51)、hsl(353 71% 44%)、oklch(0.522 0.191 21.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Relief color name →
#BF2133
oklch(0.522 0.191 21.9)
カラー変換
- HEX
- #bf2133
- RGB
- rgb(191 33 51)
- HSL
- hsl(353 71% 44%)
- HWB
- hwb(353 13% 25%)
- OKLCH
- oklch(0.522 0.191 21.9)
- OKLab
- oklab(0.522 0.177 0.071)
- CIE Lab
- lab(42.59 61.01 33.05)
- LCH
- lch(42.59 69.39 28.4)
- CMYK
- cmyk(0% 83% 73% 25%)
ティント · シェード · トーン
ティント
- C94147
- D1595B
- DA6F6E
- E18482
- E89996
- EEAEAA
- F4C2BF
- F8D6D4
- FCEBE9
シェード
- A61B2B
- 8D1623
- 75101C
- 5E0B14
- 48060D
- 330307
- 1F0103
- 0D0001
- 020000
トーン
- BB333C
- B64044
- B14B4C
- AB5454
- A65D5B
- 9F6563
- 996C6A
- 917371
- 897A79
カラーハーモニー
補色 +180°
- BF2133
Relief
- 00787F
≈ Hypnotic Sea
類似色 -30° +30°
- BF2133
Relief
- B42575
≈ Treasured Love
- A44E00
≈ Cinnamon Bun
トライアド +120° +240°
- BF2133
Relief
- 0D8000
≈ Hulk
- 2460D5
≈ Bnei Brak Bay
スプリットコンプリメンタリー +150° +210°
- BF2133
Relief
- 007C63
≈ Turquoise Cyan
- 00739C
≈ Tofino Belue
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.03:1 · APCA Lc 78
Ag
Fail黒の上
WCAG 3.48:1 · APCA Lc 23
最適な文字色: #FFFFFF
WCAG 6.03:1 (AA) · APCA Lc 78
Contrast pairs
コードスニペット
CSS
:root {
--relief: #bf2133;
--relief-rgb: 191 33 51;
--relief-oklch: oklch(0.522 0.191 21.9);
}
.element {
color: var(--relief);
background-color: hsl(353 71% 44%);
border-color: oklch(0.522 0.191 21.9);
}Tailwind CSS v4
@theme {
--color-relief: #bf2133;
--color-relief-50: #ffe1db;
--color-relief-100: #ffcfc9;
--color-relief-200: #ffb3ac;
--color-relief-300: #ff8d87;
--color-relief-400: #fb676a;
--color-relief-500: #ea3b49;
--color-relief-600: #c5343e;
--color-relief-700: #9f2a31;
--color-relief-800: #761c25;
--color-relief-900: #541319;
--color-relief-950: #38030a;
}SCSS
$relief: #bf2133;
$relief-rgb: 191, 33, 51;
$relief-light: mix(#fff, $relief, 20%);
$relief-dark: mix(#000, $relief, 20%);
.element {
color: $relief;
box-shadow: 0 0 0 2px rgba($relief, 0.35);
}