이름 색상 · #F6BC77
Amber Dawn
Amber Dawn은(는) #F6BC77: rgb(246 188 119), hsl(33 88% 72%), oklch(0.833 0.109 70.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Amber Dawn color name →
#F6BC77
oklch(0.833 0.109 70.2)
색상 변환
- HEX
- #f6bc77
- RGB
- rgb(246 188 119)
- HSL
- hsl(33 88% 72%)
- HWB
- hwb(33 47% 4%)
- OKLCH
- oklch(0.833 0.109 70.2)
- OKLab
- oklab(0.833 0.037 0.103)
- CIE Lab
- lab(80.56 15.81 43.17)
- LCH
- lch(80.56 45.97 69.9)
- CMYK
- cmyk(0% 24% 52% 4%)
틴트 · 셰이드 · 톤
틴트
- F7C386
- F9CA94
- FAD1A2
- FBD7AF
- FCDEBD
- FCE5CA
- FDEBD7
- FEF2E5
- FFF8F2
셰이드
- D6A367
- B78B57
- 987347
- 7B5D38
- 5F472A
- 45321C
- 2C1F10
- 150D05
- 030201
톤
- EAB679
- DEB07B
- D2AA7D
- C6A47E
- BA9E7F
- AE987F
- A39280
- 978C80
- 8B8680
색 조화
보색 +180°
- F6BC77
Amber Dawn
- 9ECDFF
≈ Apocyan
유사색 -30° +30°
- F6BC77
Amber Dawn
- FFB499
≈ Island Girl
- D9CA74
≈ Sand Pyramid
삼각 배색 +120° +240°
- F6BC77
Amber Dawn
- 66DFD8
≈ Hammam Blue
- DEB5FE
≈ Light Violet
분열 보색 +150° +210°
- F6BC77
Amber Dawn
- 6DD9FA
≈ Athena Blue
- BDC3FF
≈ Light Periwinkle
사각 배색 +90° +180° +270°
- F6BC77
Amber Dawn
- 85DFB0
≈ Jovial Jade
- 9ECDFF
≈ Apocyan
- F9ACDF
≈ Fresh Gum
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.69:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.37:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.37:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--amber-dawn: #f6bc77;
--amber-dawn-rgb: 246 188 119;
--amber-dawn-oklch: oklch(0.833 0.109 70.2);
}
.element {
color: var(--amber-dawn);
background-color: hsl(33 88% 72%);
border-color: oklch(0.833 0.109 70.2);
}Tailwind CSS v4
@theme {
--color-amber-dawn: #f6bc77;
--color-amber-dawn-50: #fff1d4;
--color-amber-dawn-100: #ffe3c1;
--color-amber-dawn-200: #f2cda1;
--color-amber-dawn-300: #daaf78;
--color-amber-dawn-400: #c89352;
--color-amber-dawn-500: #b37824;
--color-amber-dawn-600: #986622;
--color-amber-dawn-700: #7a511b;
--color-amber-dawn-800: #5b3a12;
--color-amber-dawn-900: #40280b;
--color-amber-dawn-950: #281601;
}SCSS
$amber-dawn: #f6bc77;
$amber-dawn-rgb: 246, 188, 119;
$amber-dawn-light: mix(#fff, $amber-dawn, 20%);
$amber-dawn-dark: mix(#000, $amber-dawn, 20%);
.element {
color: $amber-dawn;
box-shadow: 0 0 0 2px rgba($amber-dawn, 0.35);
}