이름 색상 · #F9986F
Autumn Arrival
Autumn Arrival은(는) #F9986F: rgb(249 152 111), hsl(18 92% 71%), oklch(0.771 0.129 43.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Autumn Arrival color name →
#F9986F
oklch(0.771 0.129 43.4)
색상 변환
- HEX
- #f9986f
- RGB
- rgb(249 152 111)
- HSL
- hsl(18 92% 71%)
- HWB
- hwb(18 44% 2%)
- OKLCH
- oklch(0.771 0.129 43.4)
- OKLab
- oklab(0.771 0.094 0.089)
- CIE Lab
- lab(72.59 34.48 37.67)
- LCH
- lch(72.59 51.06 47.5)
- CMYK
- cmyk(0% 39% 55% 2%)
틴트 · 셰이드 · 톤
틴트
- FBA37E
- FCAD8D
- FEB89B
- FFC2A9
- FFCCB8
- FFD7C6
- FFE1D4
- FFEBE2
- FFF5F1
셰이드
- D98460
- B97051
- 9A5C42
- 7D4A34
- 613827
- 46271A
- 2C170E
- 150804
- 030101
톤
- ED9672
- E19474
- D59276
- C99078
- BD8D7A
- B18B7B
- A5887D
- 99867E
- 8C837F
색 조화
보색 +180°
- F9986F
Autumn Arrival
- 3AC6F1
≈ Shovel Knight
유사색 -30° +30°
- F9986F
Autumn Arrival
- FB909C
≈ Conch Shell
- E6A74C
≈ Zucchini Flower
삼각 배색 +120° +240°
- F9986F
Autumn Arrival
- 58CE9D
≈ Vegetation
- AAAAFF
≈ Shy Moment
분열 보색 +150° +210°
- F9986F
Autumn Arrival
- 17CECC
≈ Blue Martina
- 7DB8FF
≈ Parakeet Blue
사각 배색 +90° +180° +270°
- F9986F
Autumn Arrival
- 93C66E
≈ Pistachio
- 3AC6F1
≈ Shovel Knight
- D29BEF
≈ Dream Vapour
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.15:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.74:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.74:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--autumn-arrival: #f9986f;
--autumn-arrival-rgb: 249 152 111;
--autumn-arrival-oklch: oklch(0.771 0.129 43.4);
}
.element {
color: var(--autumn-arrival);
background-color: hsl(18 92% 71%);
border-color: oklch(0.771 0.129 43.4);
}Tailwind CSS v4
@theme {
--color-autumn-arrival: #f9986f;
--color-autumn-arrival-50: #ffead7;
--color-autumn-arrival-100: #ffdbc5;
--color-autumn-arrival-200: #ffc3a6;
--color-autumn-arrival-300: #efa27f;
--color-autumn-arrival-400: #dd845d;
--color-autumn-arrival-500: #cb6537;
--color-autumn-arrival-600: #ab5630;
--color-autumn-arrival-700: #8a4526;
--color-autumn-arrival-800: #67311c;
--color-autumn-arrival-900: #482112;
--color-autumn-arrival-950: #2f1005;
}SCSS
$autumn-arrival: #f9986f;
$autumn-arrival-rgb: 249, 152, 111;
$autumn-arrival-light: mix(#fff, $autumn-arrival, 20%);
$autumn-arrival-dark: mix(#000, $autumn-arrival, 20%);
.element {
color: $autumn-arrival;
box-shadow: 0 0 0 2px rgba($autumn-arrival, 0.35);
}