이름 색상 · #C09856
Amaretto Sour
Amaretto Sour은(는) #C09856: rgb(192 152 86), hsl(37 46% 55%), oklch(0.703 0.097 78.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Amaretto Sour color name →
#C09856
oklch(0.703 0.097 78.7)
색상 변환
- HEX
- #c09856
- RGB
- rgb(192 152 86)
- HSL
- hsl(37 46% 55%)
- HWB
- hwb(37 34% 25%)
- OKLCH
- oklch(0.703 0.097 78.7)
- OKLab
- oklab(0.703 0.019 0.095)
- CIE Lab
- lab(65.59 9.69 40.31)
- LCH
- lch(65.59 41.46 76.5)
- CMYK
- cmyk(0% 21% 55% 25%)
틴트 · 셰이드 · 톤
틴트
- C6A268
- CDAC79
- D3B78A
- D9C19B
- E0CBAB
- E6D5BC
- ECE0CD
- F3EADD
- F9F5EE
셰이드
- A7844A
- 8E703E
- 765C32
- 5F4A27
- 49381C
- 342712
- 201708
- 0E0802
- 020100
톤
- BA965C
- B39461
- AD9166
- A68F6A
- A08D6E
- 998A72
- 938876
- 8D857A
- 86837D
색 조화
보색 +180°
- C09856
Amaretto Sour
- 7AA1DC
≈ Greek Sea
유사색 -30° +30°
- C09856
Amaretto Sour
- D18D69
≈ Cinnamon Brandy
- A4A45A
≈ Rickrack
삼각 배색 +120° +240°
- C09856
Amaretto Sour
- 47B2B6
≈ Crystalsong Blue
- B98CC6
≈ Lavender Blaze
분열 보색 +150° +210°
- C09856
Amaretto Sour
- 57ABCF
≈ Frozen Wave
- 9D95D8
≈ Gorgeous Hydrangea
사각 배색 +90° +180° +270°
- C09856
Amaretto Sour
- 5BB395
≈ Electra
- 7AA1DC
≈ Greek Sea
- CD86A9
≈ Moonlight Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.66:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.86:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.86:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--amaretto-sour: #c09856;
--amaretto-sour-rgb: 192 152 86;
--amaretto-sour-oklch: oklch(0.703 0.097 78.7);
}
.element {
color: var(--amaretto-sour);
background-color: hsl(37 46% 55%);
border-color: oklch(0.703 0.097 78.7);
}Tailwind CSS v4
@theme {
--color-amaretto-sour: #c09856;
--color-amaretto-sour-50: #fff3d7;
--color-amaretto-sour-100: #f9e5c4;
--color-amaretto-sour-200: #ead1a6;
--color-amaretto-sour-300: #d1b37e;
--color-amaretto-sour-400: #be985a;
--color-amaretto-sour-500: #a97e31;
--color-amaretto-sour-600: #8f6b2b;
--color-amaretto-sour-700: #725522;
--color-amaretto-sour-800: #553d17;
--color-amaretto-sour-900: #3b2a0f;
--color-amaretto-sour-950: #251803;
}SCSS
$amaretto-sour: #c09856;
$amaretto-sour-rgb: 192, 152, 86;
$amaretto-sour-light: mix(#fff, $amaretto-sour, 20%);
$amaretto-sour-dark: mix(#000, $amaretto-sour, 20%);
.element {
color: $amaretto-sour;
box-shadow: 0 0 0 2px rgba($amaretto-sour, 0.35);
}