色名 · #EE6237
Oranzhewyi Orange
Oranzhewyi Orangeは#EE6237：rgb(238 98 55)、hsl(14 84% 57%)、oklch(0.667 0.182 37.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Oranzhewyi Orange color name →
#EE6237
oklch(0.667 0.182 37.3)
カラー変換
- HEX
- #ee6237
- RGB
- rgb(238 98 55)
- HSL
- hsl(14 84% 57%)
- HWB
- hwb(14 22% 7%)
- OKLCH
- oklch(0.667 0.182 37.3)
- OKLab
- oklab(0.667 0.145 0.111)
- CIE Lab
- lab(59.9 53.46 51.76)
- LCH
- lch(59.9 74.41 44.1)
- CMYK
- cmyk(0% 59% 77% 7%)
ティント · シェード · トーン
ティント
- F2744E
- F68563
- F99577
- FBA58B
- FDB49E
- FFC3B1
- FFD2C5
- FFE1D8
- FFF0EB
シェード
- CF542E
- B14726
- 933A1E
- 772D16
- 5C210F
- 421608
- 2A0B03
- 140301
- 030000
トーン
- E46742
- DA6C4B
- CF7053
- C5735B
- BA7662
- AF7969
- A47B6F
- 997D75
- 8D7F7A
カラーハーモニー
補色 +180°
- EE6237
Oranzhewyi Orange
- 00A6C4
≈ True Sky Blue
類似色 -30° +30°
- EE6237
Oranzhewyi Orange
- EC5A80
≈ Highlighter Pink
- CF8000
≈ Bamboo Brown
トライアド +120° +240°
- EE6237
Oranzhewyi Orange
- 00B06C
≈ Jade Powder
- 7C85FF
≈ Orchid
スプリットコンプリメンタリー +150° +210°
- EE6237
Oranzhewyi Orange
- 00ABA1
≈ Tropical Hideaway
- 009AFA
≈ Sky of Magritte
テトラード +90° +180° +270°
- EE6237
Oranzhewyi Orange
- 77A700
≈ Green Envy
- 00A6C4
≈ True Sky Blue
- B270EA
≈ Queer Purple
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.26:1 · APCA Lc 59
Ag
AA黒の上
WCAG 6.43:1 · APCA Lc 43
最適な文字色: #000000
WCAG 6.43:1 (AA) · APCA Lc 43
Contrast pairs
コードスニペット
CSS
:root {
--oranzhewyi-orange: #ee6237;
--oranzhewyi-orange-rgb: 238 98 55;
--oranzhewyi-orange-oklch: oklch(0.667 0.182 37.3);
}
.element {
color: var(--oranzhewyi-orange);
background-color: hsl(14 84% 57%);
border-color: oklch(0.667 0.182 37.3);
}Tailwind CSS v4
@theme {
--color-oranzhewyi-orange: #ee6237;
--color-oranzhewyi-orange-50: #ffe4cf;
--color-oranzhewyi-orange-100: #ffd4bb;
--color-oranzhewyi-orange-200: #ffb999;
--color-oranzhewyi-orange-300: #ff946e;
--color-oranzhewyi-orange-400: #f67048;
--color-oranzhewyi-orange-500: #e4490e;
--color-oranzhewyi-orange-600: #c13f12;
--color-oranzhewyi-orange-700: #9b330f;
--color-oranzhewyi-orange-800: #74230d;
--color-oranzhewyi-orange-900: #521708;
--color-oranzhewyi-orange-950: #360700;
}SCSS
$oranzhewyi-orange: #ee6237;
$oranzhewyi-orange-rgb: 238, 98, 55;
$oranzhewyi-orange-light: mix(#fff, $oranzhewyi-orange, 20%);
$oranzhewyi-orange-dark: mix(#000, $oranzhewyi-orange, 20%);
.element {
color: $oranzhewyi-orange;
box-shadow: 0 0 0 2px rgba($oranzhewyi-orange, 0.35);
}