이름 색상 · #A89E81
Sweet Pea in a Pod
Sweet Pea in a Pod은(는) #A89E81: rgb(168 158 129), hsl(45 18% 58%), oklch(0.7 0.042 91.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Sweet Pea in a Pod color name →
#A89E81
oklch(0.7 0.042 91.3)
색상 변환
- HEX
- #a89e81
- RGB
- rgb(168 158 129)
- HSL
- hsl(45 18% 58%)
- HWB
- hwb(45 51% 34%)
- OKLCH
- oklch(0.7 0.042 91.3)
- OKLab
- oklab(0.7 -0.001 0.042)
- CIE Lab
- lab(65.4 0.23 16.61)
- LCH
- lch(65.4 16.61 89.2)
- CMYK
- cmyk(0% 6% 23% 34%)
틴트 · 셰이드 · 톤
틴트
- B0A78D
- B9B199
- C1BAA6
- CAC4B2
- D3CEBF
- DBD7CB
- E4E1D8
- EDEBE5
- F6F5F2
셰이드
- 92896F
- 7C745E
- 67604E
- 524D3E
- 3F3A2E
- 2C291F
- 1A1812
- 0A0906
- 010101
톤
- A49B81
- A09881
- 9C9581
- 989281
- 948F81
- 908C81
- 8C8981
- 888680
- 848380
색 조화
보색 +180°
- A89E81
Sweet Pea in a Pod
- 959EB9
≈ Skyline
유사색 -30° +30°
- A89E81
Sweet Pea in a Pod
- B29984
≈ Butcher Paper
- 9AA386
≈ Zebra Grass
삼각 배색 +120° +240°
- A89E81
Sweet Pea in a Pod
- 81A6AD
≈ Ziggurat
- AF95AB
≈ London Hue
분열 보색 +150° +210°
- A89E81
Sweet Pea in a Pod
- 88A2B7
≈ Silver Skate
- A399B5
≈ Grape Gatsby
사각 배색 +90° +180° +270°
- A89E81
Sweet Pea in a Pod
- 82A7A0
≈ Scenario
- 959EB9
≈ Skyline
- B6949D
≈ Ashberry
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.66:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.87:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.87:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--sweet-pea-in-a-pod: #a89e81;
--sweet-pea-in-a-pod-rgb: 168 158 129;
--sweet-pea-in-a-pod-oklch: oklch(0.7 0.042 91.3);
}
.element {
color: var(--sweet-pea-in-a-pod);
background-color: hsl(45 18% 58%);
border-color: oklch(0.7 0.042 91.3);
}Tailwind CSS v4
@theme {
--color-sweet-pea-in-a-pod: #a89e81;
--color-sweet-pea-in-a-pod-50: #f9f5e8;
--color-sweet-pea-in-a-pod-100: #ece8d8;
--color-sweet-pea-in-a-pod-200: #dad4c0;
--color-sweet-pea-in-a-pod-300: #beb7a0;
--color-sweet-pea-in-a-pod-400: #a79e83;
--color-sweet-pea-in-a-pod-500: #908666;
--color-sweet-pea-in-a-pod-600: #7a7157;
--color-sweet-pea-in-a-pod-700: #625a45;
--color-sweet-pea-in-a-pod-800: #484232;
--color-sweet-pea-in-a-pod-900: #322d22;
--color-sweet-pea-in-a-pod-950: #1e1a11;
}SCSS
$sweet-pea-in-a-pod: #a89e81;
$sweet-pea-in-a-pod-rgb: 168, 158, 129;
$sweet-pea-in-a-pod-light: mix(#fff, $sweet-pea-in-a-pod, 20%);
$sweet-pea-in-a-pod-dark: mix(#000, $sweet-pea-in-a-pod, 20%);
.element {
color: $sweet-pea-in-a-pod;
box-shadow: 0 0 0 2px rgba($sweet-pea-in-a-pod, 0.35);
}