色名 · #F43605
Orangish Red
Orangish Redは#F43605：rgb(244 54 5)、hsl(12 96% 49%)、oklch(0.629 0.229 33.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Orangish Red color name →
#F43605
oklch(0.629 0.229 33.1)
カラー変換
- HEX
- #f43605
- RGB
- rgb(244 54 5)
- HSL
- hsl(12 96% 49%)
- HWB
- hwb(12 2% 4%)
- OKLCH
- oklch(0.629 0.229 33.1)
- OKLab
- oklab(0.629 0.192 0.125)
- CIE Lab
- lab(54.85 70.27 67.04)
- LCH
- lch(54.85 97.12 43.7)
- CMYK
- cmyk(0% 78% 98% 4%)
ティント · シェード · トーン
ティント
- F85433
- FC6B4E
- FF8066
- FF947C
- FFA792
- FFB9A8
- FFCBBD
- FFDCD3
- FFEEE9
シェード
- D42E04
- B52503
- 971E02
- 7A1601
- 5E0F01
- 440800
- 2B0300
- 140100
- 030000
トーン
- EA4524
- E05135
- D55A41
- CA624C
- BF6956
- B46F5F
- A87468
- 9B7870
- 8E7C78
カラーハーモニー
補色 +180°
- F43605
Orangish Red
- 009AB1
≈ Caneel Bay
類似色 -30° +30°
- F43605
Orangish Red
- EE2D7B
≈ Extra Fuchsia
- C47200
≈ Dirty Orange
トライアド +120° +240°
- F43605
Orangish Red
- 00A457
≈ Full Energy
- 6578FF
≈ Byzantine Night Blue
スプリットコンプリメンタリー +150° +210°
- F43605
Orangish Red
- 009E8F
≈ On a Whim
- 0090DD
≈ Kahu Blue
テトラード +90° +180° +270°
- F43605
Orangish Red
- 789700
≈ Mossy Woods
- 009AB1
≈ Caneel Bay
- A758F7
≈ Orion Nebula
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.90:1 · APCA Lc 65
Ag
AA黒の上
WCAG 5.37:1 · APCA Lc 37
最適な文字色: #000000
WCAG 5.37:1 (AA) · APCA Lc 37
Contrast pairs
コードスニペット
CSS
:root {
--orangish-red: #f43605;
--orangish-red-rgb: 244 54 5;
--orangish-red-oklch: oklch(0.629 0.229 33.1);
}
.element {
color: var(--orangish-red);
background-color: hsl(12 96% 49%);
border-color: oklch(0.629 0.229 33.1);
}Tailwind CSS v4
@theme {
--color-orangish-red: #f43605;
--color-orangish-red-50: #ffdec9;
--color-orangish-red-100: #ffccb4;
--color-orangish-red-200: #ffaf90;
--color-orangish-red-300: #ff8561;
--color-orangish-red-400: #ff5936;
--color-orangish-red-500: #f91300;
--color-orangish-red-600: #d31900;
--color-orangish-red-700: #aa1600;
--color-orangish-red-800: #7f0b00;
--color-orangish-red-900: #5a0801;
--color-orangish-red-950: #3d0000;
}SCSS
$orangish-red: #f43605;
$orangish-red-rgb: 244, 54, 5;
$orangish-red-light: mix(#fff, $orangish-red, 20%);
$orangish-red-dark: mix(#000, $orangish-red, 20%);
.element {
color: $orangish-red;
box-shadow: 0 0 0 2px rgba($orangish-red, 0.35);
}