色名 · #EB8A44
Acapulco Sun
Acapulco Sunは#EB8A44：rgb(235 138 68)、hsl(25 81% 59%)、oklch(0.725 0.145 53.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Acapulco Sun color name →
#EB8A44
oklch(0.725 0.145 53.8)
カラー変換
- HEX
- #eb8a44
- RGB
- rgb(235 138 68)
- HSL
- hsl(25 81% 59%)
- HWB
- hwb(25 27% 8%)
- OKLCH
- oklch(0.725 0.145 53.8)
- OKLab
- oklab(0.725 0.086 0.117)
- CIE Lab
- lab(67.32 33.92 52.73)
- LCH
- lch(67.32 62.7 57.2)
- CMYK
- cmyk(0% 41% 71% 8%)
ティント · シェード · トーン
ティント
- EE965A
- F1A26E
- F4AE81
- F6BA93
- F8C6A5
- FAD1B7
- FCDDC9
- FDE8DB
- FEF4ED
シェード
- CC773A
- AE6530
- 915326
- 75421D
- 5B3214
- 41220C
- 291405
- 130702
- 030100
トーン
- E18A4D
- D68955
- CC895C
- C18863
- B68769
- AC866E
- A18573
- 968378
- 8B827C
カラーハーモニー
補色 +180°
- EB8A44
Acapulco Sun
- 1FB4F2
≈ Zima Blue
類似色 -30° +30°
- EB8A44
Acapulco Sun
- F37E79
≈ Meat
- D19D14
≈ Lepton Gold
トライアド +120° +240°
- EB8A44
Acapulco Sun
- 00C29F
≈ First Post
- AB93F8
≈ Cobalite
スプリットコンプリメンタリー +150° +210°
- EB8A44
Acapulco Sun
- 00BCC9
≈ Panorama Blue
- 78A3FF
≈ Fennel Flower
テトラード +90° +180° +270°
- EB8A44
Acapulco Sun
- 69BD68
≈ Dublin
- 1FB4F2
≈ Zima Blue
- D285D9
≈ Blush Essence
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.54:1 · APCA Lc 49
Ag
AAA黒の上
WCAG 8.25:1 · APCA Lc 52
最適な文字色: #000000
WCAG 8.25:1 (AAA) · APCA Lc 52
Contrast pairs
コードスニペット
CSS
:root {
--acapulco-sun: #eb8a44;
--acapulco-sun-rgb: 235 138 68;
--acapulco-sun-oklch: oklch(0.725 0.145 53.8);
}
.element {
color: var(--acapulco-sun);
background-color: hsl(25 81% 59%);
border-color: oklch(0.725 0.145 53.8);
}Tailwind CSS v4
@theme {
--color-acapulco-sun: #eb8a44;
--color-acapulco-sun-50: #ffebce;
--color-acapulco-sun-100: #ffdcba;
--color-acapulco-sun-200: #ffc498;
--color-acapulco-sun-300: #f0a36c;
--color-acapulco-sun-400: #df8443;
--color-acapulco-sun-500: #cd6500;
--color-acapulco-sun-600: #ad5601;
--color-acapulco-sun-700: #8b4504;
--color-acapulco-sun-800: #683105;
--color-acapulco-sun-900: #492104;
--color-acapulco-sun-950: #301000;
}SCSS
$acapulco-sun: #eb8a44;
$acapulco-sun-rgb: 235, 138, 68;
$acapulco-sun-light: mix(#fff, $acapulco-sun, 20%);
$acapulco-sun-dark: mix(#000, $acapulco-sun, 20%);
.element {
color: $acapulco-sun;
box-shadow: 0 0 0 2px rgba($acapulco-sun, 0.35);
}