이름 색상 · #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);
}