最も近い色名 · #FF1928
#FF1928
最も近い色名: Incision
#FF1928（rgb(255 25 40)、hsl(356 100% 55%)、oklch(0.635 0.25 26.5)）に最も近い色名はIncisionです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FF1928
oklch(0.635 0.25 26.5)
カラー変換
- HEX
- #ff1928
- RGB
- rgb(255 25 40)
- HSL
- hsl(356 100% 55%)
- HWB
- hwb(356 10% 0%)
- OKLCH
- oklch(0.635 0.25 26.5)
- OKLab
- oklab(0.635 0.224 0.112)
- CIE Lab
- lab(55.15 79.08 56.4)
- LCH
- lch(55.15 97.13 35.5)
- CMYK
- cmyk(0% 90% 84% 0%)
ティント · シェード · トーン
ティント
- FF4643
- FF6259
- FF796F
- FF8F83
- FFA398
- FFB6AC
- FFC9C1
- FFDBD5
- FFEDEA
シェード
- DE1421
- BE101B
- 9E0B15
- 80070F
- 630409
- 480204
- 2E0102
- 160001
- 030000
トーン
- F43636
- E94641
- DD524B
- D25C54
- C5655C
- B96C64
- AC726B
- 9E7772
- 907C79
カラーハーモニー
補色 +180°
- FF1928
Incision
- 009DAB
≈ Lake Blue
類似色 -30° +30°
- FF1928
Incision
- F31A8E
≈ Cruel Jewel
- CF6D00
≈ Autumn Maple
トライアド +120° +240°
- FF1928
Incision
- 00A739
≈ Poetic Green
- 5480FF
≈ Flickery C64
スプリットコンプリメンタリー +150° +210°
- FF1928
Incision
- 00A289
≈ Brilliant Turquoise
- 0095D3
≈ Sea of Crete
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.87:1 · APCA Lc 64
Ag
AA黒の上
WCAG 5.42:1 · APCA Lc 38
最適な文字色: #000000
WCAG 5.42:1 (AA) · APCA Lc 38
Contrast pairs
コードスニペット
CSS
:root {
--incision: #ff1928;
--incision-rgb: 255 25 40;
--incision-oklch: oklch(0.635 0.25 26.5);
}
.element {
color: var(--incision);
background-color: hsl(356 100% 55%);
border-color: oklch(0.635 0.25 26.5);
}Tailwind CSS v4
@theme {
--color-incision: #ff1928;
--color-incision-50: #ffdacd;
--color-incision-100: #ffc8b8;
--color-incision-200: #ffa896;
--color-incision-300: #ff7b6a;
--color-incision-400: #ff4845;
--color-incision-500: #ff0004;
--color-incision-600: #da000c;
--color-incision-700: #b0000b;
--color-incision-800: #84000d;
--color-incision-900: #5d0008;
--color-incision-950: #3f0000;
}SCSS
$incision: #ff1928;
$incision-rgb: 255, 25, 40;
$incision-light: mix(#fff, $incision, 20%);
$incision-dark: mix(#000, $incision, 20%);
.element {
color: $incision;
box-shadow: 0 0 0 2px rgba($incision, 0.35);
}