이름 색상 · #A69151
Salted Capers
Salted Capers은(는) #A69151: rgb(166 145 81), hsl(45 34% 48%), oklch(0.661 0.087 91.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Salted Capers color name →
#A69151
oklch(0.661 0.087 91.7)
색상 변환
- HEX
- #a69151
- RGB
- rgb(166 145 81)
- HSL
- hsl(45 34% 48%)
- HWB
- hwb(45 32% 35%)
- OKLCH
- oklch(0.661 0.087 91.7)
- OKLab
- oklab(0.661 -0.003 0.087)
- CIE Lab
- lab(61.03 1.85 36.7)
- LCH
- lch(61.03 36.75 87.1)
- CMYK
- cmyk(0% 13% 51% 35%)
틴트 · 셰이드 · 톤
틴트
- AF9C63
- B7A674
- C0B186
- C9BC97
- D2C7A8
- DBD2B9
- E4DDCA
- EDE8DC
- F6F4ED
셰이드
- 907D45
- 7A6A3A
- 65582F
- 514624
- 3E351A
- 2B2510
- 1A1507
- 0A0702
- 010100
톤
- A28F57
- 9E8E5D
- 9A8C62
- 978B67
- 93896B
- 8F8770
- 8B8574
- 878478
- 84827C
색 조화
보색 +180°
- A69151
Salted Capers
- 7F90C9
≈ Mood Mode
유사색 -30° +30°
- A69151
Salted Capers
- B98659
≈ Deer
- 8A9B5D
≈ Vitality
삼각 배색 +120° +240°
- A69151
Salted Capers
- 48A1B2
≈ Aquatic Cool
- B27FAB
≈ Stage Mauve
분열 보색 +150° +210°
- A69151
Salted Capers
- 6099C4
≈ Blueberry Soft Blue
- 9C86C0
≈ Petrified Purple
사각 배색 +90° +180° +270°
- A69151
Salted Capers
- 4CA496
≈ Golf Blazer
- 7F90C9
≈ Mood Mode
- C07C8F
≈ Polignac
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.09:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.79:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.79:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--salted-capers: #a69151;
--salted-capers-rgb: 166 145 81;
--salted-capers-oklch: oklch(0.661 0.087 91.7);
}
.element {
color: var(--salted-capers);
background-color: hsl(45 34% 48%);
border-color: oklch(0.661 0.087 91.7);
}Tailwind CSS v4
@theme {
--color-salted-capers: #a69151;
--color-salted-capers-50: #fdf5da;
--color-salted-capers-100: #f1e8c8;
--color-salted-capers-200: #e0d4aa;
--color-salted-capers-300: #c6b784;
--color-salted-capers-400: #b19d61;
--color-salted-capers-500: #9b843c;
--color-salted-capers-600: #837034;
--color-salted-capers-700: #695929;
--color-salted-capers-800: #4e411c;
--color-salted-capers-900: #362d12;
--color-salted-capers-950: #211a05;
}SCSS
$salted-capers: #a69151;
$salted-capers-rgb: 166, 145, 81;
$salted-capers-light: mix(#fff, $salted-capers, 20%);
$salted-capers-dark: mix(#000, $salted-capers, 20%);
.element {
color: $salted-capers;
box-shadow: 0 0 0 2px rgba($salted-capers, 0.35);
}