이름 색상 · #903F45
Apple-a-Day
Apple-a-Day은(는) #903F45: rgb(144 63 69), hsl(356 39% 41%), oklch(0.476 0.11 17.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Apple-a-Day color name →
#903F45
oklch(0.476 0.11 17.7)
색상 변환
- HEX
- #903f45
- RGB
- rgb(144 63 69)
- HSL
- hsl(356 39% 41%)
- HWB
- hwb(356 25% 44%)
- OKLCH
- oklch(0.476 0.11 17.7)
- OKLab
- oklab(0.476 0.105 0.033)
- CIE Lab
- lab(38.07 35.39 14.05)
- LCH
- lch(38.07 38.08 21.6)
- CMYK
- cmyk(0% 56% 52% 44%)
틴트 · 셰이드 · 톤
틴트
- 9C5256
- A86567
- B47779
- C08A8B
- CB9D9D
- D6B0B0
- E0C3C3
- EBD7D7
- F5EBEB
셰이드
- 7D353B
- 6A2C31
- 572327
- 451B1E
- 341215
- 240A0C
- 150405
- 070102
- 010000
톤
- 90464B
- 8F4E51
- 8E5456
- 8D5B5C
- 8B6162
- 8A6868
- 886E6E
- 867474
- 837A7A
색 조화
보색 +180°
- 903F45
Apple-a-Day
- 006A6D
≈ Aqua Obscura
유사색 -30° +30°
- 903F45
Apple-a-Day
- 884068
≈ Bonbon Red
- 8D461D
≈ Korichnewyi Brown
삼각 배색 +120° +240°
- 903F45
Apple-a-Day
- 3B6A28
≈ Radical Green
- 325C99
≈ Neptune Blue
분열 보색 +150° +210°
- 903F45
Apple-a-Day
- 006D52
≈ Starboard
- 006685
≈ Journey Into Night
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.04:1 · APCA Lc 84
Ag
Fail검은색 위
WCAG 2.98:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--apple-a-day: #903f45;
--apple-a-day-rgb: 144 63 69;
--apple-a-day-oklch: oklch(0.476 0.11 17.7);
}
.element {
color: var(--apple-a-day);
background-color: hsl(356 39% 41%);
border-color: oklch(0.476 0.11 17.7);
}Tailwind CSS v4
@theme {
--color-apple-a-day: #903f45;
--color-apple-a-day-50: #ffe9e8;
--color-apple-a-day-100: #ffdad9;
--color-apple-a-day-200: #ffc2c1;
--color-apple-a-day-300: #eaa1a0;
--color-apple-a-day-400: #d78386;
--color-apple-a-day-500: #c4656b;
--color-apple-a-day-600: #a6565b;
--color-apple-a-day-700: #854548;
--color-apple-a-day-800: #633135;
--color-apple-a-day-900: #452124;
--color-apple-a-day-950: #2d1013;
}SCSS
$apple-a-day: #903f45;
$apple-a-day-rgb: 144, 63, 69;
$apple-a-day-light: mix(#fff, $apple-a-day, 20%);
$apple-a-day-dark: mix(#000, $apple-a-day, 20%);
.element {
color: $apple-a-day;
box-shadow: 0 0 0 2px rgba($apple-a-day, 0.35);
}