이름 색상 · #BA7462
Azalea Pot
Azalea Pot은(는) #BA7462: rgb(186 116 98), hsl(12 39% 56%), oklch(0.629 0.093 35.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Azalea Pot color name →
#BA7462
oklch(0.629 0.093 35.2)
색상 변환
- HEX
- #ba7462
- RGB
- rgb(186 116 98)
- HSL
- hsl(12 39% 56%)
- HWB
- hwb(12 38% 27%)
- OKLCH
- oklch(0.629 0.093 35.2)
- OKLab
- oklab(0.629 0.076 0.054)
- CIE Lab
- lab(56.27 26.85 22.13)
- LCH
- lch(56.27 34.79 39.5)
- CMYK
- cmyk(0% 38% 47% 27%)
틴트 · 셰이드 · 톤
틴트
- C28271
- C98F80
- D19D8F
- D8AB9F
- DFB8AE
- E5C6BE
- ECD4CE
- F3E2DE
- F9F1EF
셰이드
- A16454
- 895447
- 72453A
- 5C372D
- 462921
- 321B16
- 1E0F0B
- 0D0503
- 020100
톤
- B57665
- AF7769
- AA796C
- A47A6F
- 9E7B72
- 997C75
- 937D78
- 8D7E7A
- 867F7D
색 조화
보색 +180°
- BA7462
Azalea Pot
- 3797AC
≈ Aqua Dance
유사색 -30° +30°
- BA7462
Azalea Pot
- B97181
≈ Smell the Roses
- B07D49
≈ Rocky Racoon
삼각 배색 +120° +240°
- BA7462
Azalea Pot
- 579A70
≈ Endless
- 7984C1
≈ Deep Periwinkle
분열 보색 +150° +210°
- BA7462
Azalea Pot
- 379B90
≈ Temple Guard Blue
- 568FBE
≈ Cliff Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.64:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.76:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.76:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--azalea-pot: #ba7462;
--azalea-pot-rgb: 186 116 98;
--azalea-pot-oklch: oklch(0.629 0.093 35.2);
}
.element {
color: var(--azalea-pot);
background-color: hsl(12 39% 56%);
border-color: oklch(0.629 0.093 35.2);
}Tailwind CSS v4
@theme {
--color-azalea-pot: #ba7462;
--color-azalea-pot-50: #ffede3;
--color-azalea-pot-100: #ffded2;
--color-azalea-pot-200: #f9c7b8;
--color-azalea-pot-300: #e2a796;
--color-azalea-pot-400: #cf8b79;
--color-azalea-pot-500: #bb6f5b;
--color-azalea-pot-600: #9e5e4d;
--color-azalea-pot-700: #7f4b3e;
--color-azalea-pot-800: #5e362d;
--color-azalea-pot-900: #42251e;
--color-azalea-pot-950: #2a130e;
}SCSS
$azalea-pot: #ba7462;
$azalea-pot-rgb: 186, 116, 98;
$azalea-pot-light: mix(#fff, $azalea-pot, 20%);
$azalea-pot-dark: mix(#000, $azalea-pot, 20%);
.element {
color: $azalea-pot;
box-shadow: 0 0 0 2px rgba($azalea-pot, 0.35);
}