色名 · #FF9613
Cheese Please
Cheese Pleaseは#FF9613：rgb(255 150 19)、hsl(33 100% 54%)、oklch(0.767 0.173 62.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Cheese Please color name →
#FF9613
oklch(0.767 0.173 62.2)
カラー変換
- HEX
- #ff9613
- RGB
- rgb(255 150 19)
- HSL
- hsl(33 100% 54%)
- HWB
- hwb(33 7% 0%)
- OKLCH
- oklch(0.767 0.173 62.2)
- OKLab
- oklab(0.767 0.08 0.153)
- CIE Lab
- lab(72.33 35.04 74.7)
- LCH
- lch(72.33 82.51 64.9)
- CMYK
- cmyk(0% 41% 93% 0%)
ティント · シェード · トーン
ティント
- FFA141
- FFAD5C
- FFB774
- FFC289
- FFCD9E
- FFD7B2
- FFE1C5
- FFEBD9
- FFF5EC
シェード
- DE820F
- BE6E0B
- 9E5B07
- 804905
- 633703
- 482601
- 2E1601
- 160800
- 030100
トーン
- F29530
- E69341
- D9914E
- CD8F58
- C08D60
- B38B68
- A7896F
- 9A8675
- 8D837B
カラーハーモニー
補色 +180°
- FF9613
Cheese Please
- 60BDFF
≈ Hello Summer
類似色 -30° +30°
- FF9613
Cheese Please
- FF907A
≈ Coralistic
- D7AF00
≈ Palomino Gold
トライアド +120° +240°
- FF9613
Cheese Please
- 00CFBA
≈ Exquisite Turquoise
- C59CFF
≈ Diva
スプリットコンプリメンタリー +150° +210°
- FF9613
Cheese Please
- 00C9E5
≈ Picnic Day Sky
- 99AEFF
≈ Widowmaker
テトラード +90° +180° +270°
- FF9613
Cheese Please
- 46D27B
≈ UFO Green
- 60BDFF
≈ Hello Summer
- F286E3
≈ Splash of Grenadine
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.18:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.62:1 · APCA Lc 60
最適な文字色: #000000
WCAG 9.62:1 (AAA) · APCA Lc 60
Contrast pairs
コードスニペット
CSS
:root {
--cheese-please: #ff9613;
--cheese-please-rgb: 255 150 19;
--cheese-please-oklch: oklch(0.767 0.173 62.2);
}
.element {
color: var(--cheese-please);
background-color: hsl(33 100% 54%);
border-color: oklch(0.767 0.173 62.2);
}Tailwind CSS v4
@theme {
--color-cheese-please: #ff9613;
--color-cheese-please-50: #ffecc2;
--color-cheese-please-100: #ffdcac;
--color-cheese-please-200: #ffc584;
--color-cheese-please-300: #f4a34f;
--color-cheese-please-400: #e48300;
--color-cheese-please-500: #d26200;
--color-cheese-please-600: #b25400;
--color-cheese-please-700: #8f4300;
--color-cheese-please-800: #6b2f00;
--color-cheese-please-900: #4c2000;
--color-cheese-please-950: #320f00;
}SCSS
$cheese-please: #ff9613;
$cheese-please-rgb: 255, 150, 19;
$cheese-please-light: mix(#fff, $cheese-please, 20%);
$cheese-please-dark: mix(#000, $cheese-please, 20%);
.element {
color: $cheese-please;
box-shadow: 0 0 0 2px rgba($cheese-please, 0.35);
}