色名 · #EB2E28
Krasnyi Red
Krasnyi Redは#EB2E28：rgb(235 46 40)、hsl(2 83% 54%)、oklch(0.609 0.224 28.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Krasnyi Red color name →
#EB2E28
oklch(0.609 0.224 28.2)
カラー変換
- HEX
- #eb2e28
- RGB
- rgb(235 46 40)
- HSL
- hsl(2 83% 54%)
- HWB
- hwb(2 16% 8%)
- OKLCH
- oklch(0.609 0.224 28.2)
- OKLab
- oklab(0.609 0.197 0.106)
- CIE Lab
- lab(52.48 70.07 52.27)
- LCH
- lch(52.48 87.42 36.7)
- CMYK
- cmyk(0% 80% 83% 8%)
ティント · シェード · トーン
ティント
- F04E42
- F56658
- F97C6D
- FD9082
- FFA397
- FFB6AB
- FFC8C0
- FFDBD5
- FFEDEA
シェード
- CC2721
- AE1F1B
- 911815
- 75120F
- 5B0B09
- 410604
- 290202
- 130101
- 030000
トーン
- E23F35
- D94C40
- CF564A
- C55E53
- BB665B
- B16C63
- A6726A
- 9A7772
- 8D7C79
カラーハーモニー
補色 +180°
- EB2E28
Krasnyi Red
- 0094A4
≈ Tile Blue
類似色 -30° +30°
- EB2E28
Krasnyi Red
- E22B82
≈ Mystic Magenta
- C16900
≈ Hawaiian Sunset
トライアド +120° +240°
- EB2E28
Krasnyi Red
- 009E3F
≈ Gangly Gremlin
- 4F74FF
≈ Lightish Blue
スプリットコンプリメンタリー +150° +210°
- EB2E28
Krasnyi Red
- 009883
≈ Plumage
- 008CCA
≈ Newport Blue
テトラード +90° +180° +270°
- EB2E28
Krasnyi Red
- 7C8D00
≈ Foggy Bog
- 0094A4
≈ Tile Blue
- 9757F4
≈ Forgotten Kyawthuite
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.23:1 · APCA Lc 67
Ag
AA黒の上
WCAG 4.95:1 · APCA Lc 34
最適な文字色: #000000
WCAG 4.95:1 (AA) · APCA Lc 34
Contrast pairs
コードスニペット
CSS
:root {
--krasnyi-red: #eb2e28;
--krasnyi-red-rgb: 235 46 40;
--krasnyi-red-oklch: oklch(0.609 0.224 28.2);
}
.element {
color: var(--krasnyi-red);
background-color: hsl(2 83% 54%);
border-color: oklch(0.609 0.224 28.2);
}Tailwind CSS v4
@theme {
--color-krasnyi-red: #eb2e28;
--color-krasnyi-red-50: #ffdecf;
--color-krasnyi-red-100: #ffccbb;
--color-krasnyi-red-200: #ffae9a;
--color-krasnyi-red-300: #ff856f;
--color-krasnyi-red-400: #ff5a4c;
--color-krasnyi-red-500: #f8171a;
--color-krasnyi-red-600: #d11b1a;
--color-krasnyi-red-700: #a81715;
--color-krasnyi-red-800: #7e0c12;
--color-krasnyi-red-900: #59090b;
--color-krasnyi-red-950: #3c0001;
}SCSS
$krasnyi-red: #eb2e28;
$krasnyi-red-rgb: 235, 46, 40;
$krasnyi-red-light: mix(#fff, $krasnyi-red, 20%);
$krasnyi-red-dark: mix(#000, $krasnyi-red, 20%);
.element {
color: $krasnyi-red;
box-shadow: 0 0 0 2px rgba($krasnyi-red, 0.35);
}