色名 · #EA8160
Mesa Sunrise
Mesa Sunriseは#EA8160：rgb(234 129 96)、hsl(14 77% 65%)、oklch(0.712 0.138 38.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Mesa Sunrise color name →
#EA8160
oklch(0.712 0.138 38.2)
カラー変換
- HEX
- #ea8160
- RGB
- rgb(234 129 96)
- HSL
- hsl(14 77% 65%)
- HWB
- hwb(14 38% 8%)
- OKLCH
- oklch(0.712 0.138 38.2)
- OKLab
- oklab(0.712 0.108 0.085)
- CIE Lab
- lab(65.56 39.17 36.53)
- LCH
- lch(65.56 53.56 43)
- CMYK
- cmyk(0% 45% 59% 8%)
ティント · シェード · トーン
ティント
- EE8E70
- F19B80
- F4A890
- F6B4A0
- F9C1AF
- FBCDBF
- FCDACF
- FEE6DF
- FEF3EF
シェード
- CB6F52
- AE5E45
- 914E38
- 753E2C
- 5A2E20
- 411F15
- 29120A
- 130603
- 030100
トーン
- E08264
- D68268
- CB836C
- C1836F
- B68372
- AC8275
- A18278
- 96827B
- 8B817E
カラーハーモニー
補色 +180°
- EA8160
Mesa Sunrise
- 00B5D7
≈ Ocean Sigh
類似色 -30° +30°
- EA8160
Mesa Sunrise
- E97B91
≈ So Charming
- DA9031
≈ Soft Pumpkin
トライアド +120° +240°
- EA8160
Mesa Sunrise
- 45BC81
≈ Greenish Teal
- 8F98F7
≈ Periwinkle Blue
スプリットコンプリメンタリー +150° +210°
- EA8160
Mesa Sunrise
- 00BAB1
≈ Turquoise Topaz
- 54A8F4
≈ Cerulean
テトラード +90° +180° +270°
- EA8160
Mesa Sunrise
- 89B24E
≈ Savoy
- 00B5D7
≈ Ocean Sigh
- BA89E4
≈ Luminous Lavender
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.68:1 · APCA Lc 52
Ag
AAA黒の上
WCAG 7.80:1 · APCA Lc 50
最適な文字色: #000000
WCAG 7.80:1 (AAA) · APCA Lc 50
Contrast pairs
コードスニペット
CSS
:root {
--mesa-sunrise: #ea8160;
--mesa-sunrise-rgb: 234 129 96;
--mesa-sunrise-oklch: oklch(0.712 0.138 38.2);
}
.element {
color: var(--mesa-sunrise);
background-color: hsl(14 77% 65%);
border-color: oklch(0.712 0.138 38.2);
}Tailwind CSS v4
@theme {
--color-mesa-sunrise: #ea8160;
--color-mesa-sunrise-50: #ffe9d8;
--color-mesa-sunrise-100: #ffd9c6;
--color-mesa-sunrise-200: #ffc1a8;
--color-mesa-sunrise-300: #f49f81;
--color-mesa-sunrise-400: #e37f60;
--color-mesa-sunrise-500: #d0603c;
--color-mesa-sunrise-600: #b05234;
--color-mesa-sunrise-700: #8d4129;
--color-mesa-sunrise-800: #692e1e;
--color-mesa-sunrise-900: #4a1f14;
--color-mesa-sunrise-950: #300e06;
}SCSS
$mesa-sunrise: #ea8160;
$mesa-sunrise-rgb: 234, 129, 96;
$mesa-sunrise-light: mix(#fff, $mesa-sunrise, 20%);
$mesa-sunrise-dark: mix(#000, $mesa-sunrise, 20%);
.element {
color: $mesa-sunrise;
box-shadow: 0 0 0 2px rgba($mesa-sunrise, 0.35);
}