이름 색상 · #D7A97C
Band-Aid
Band-Aid은(는) #D7A97C: rgb(215 169 124), hsl(30 53% 66%), oklch(0.766 0.081 65.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Band-Aid color name →
#D7A97C
oklch(0.766 0.081 65.5)
색상 변환
- HEX
- #d7a97c
- RGB
- rgb(215 169 124)
- HSL
- hsl(30 53% 66%)
- HWB
- hwb(30 49% 16%)
- OKLCH
- oklch(0.766 0.081 65.5)
- OKLab
- oklab(0.766 0.033 0.073)
- CIE Lab
- lab(72.75 13.16 30.02)
- LCH
- lch(72.75 32.78 66.3)
- CMYK
- cmyk(0% 21% 42% 16%)
틴트 · 셰이드 · 톤
틴트
- DBB289
- DFBA96
- E4C3A3
- E8CBB0
- ECD4BD
- F0DCCA
- F4E5D7
- F7EEE5
- FBF6F2
셰이드
- BB926B
- 9F7C5A
- 85674A
- 6B533B
- 523F2C
- 3B2C1E
- 251B11
- 110A05
- 020101
톤
- CEA57D
- C5A17E
- BD9D7E
- B4997F
- AB957F
- A29180
- 9A8C80
- 918880
- 898480
색 조화
보색 +180°
- D7A97C
Band-Aid
- 88B9E4
≈ C’est la Vie
유사색 -30° +30°
- D7A97C
Band-Aid
- E1A190
≈ Venetian Plaster
- C3B377
≈ Cool Avocado
삼각 배색 +120° +240°
- D7A97C
Band-Aid
- 74C4BA
≈ Pale Jade
- BFA6DD
≈ Enchanted Lavender
분열 보색 +150° +210°
- D7A97C
Band-Aid
- 74C0D4
≈ Surfin’
- A4AFE7
≈ Maximum Blue Purple
사각 배색 +90° +180° +270°
- D7A97C
Band-Aid
- 89C39D
≈ Delltone
- 88B9E4
≈ C’est la Vie
- D4A0C7
≈ Geranium Bud
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.13:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.85:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 9.85:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--band-aid: #d7a97c;
--band-aid-rgb: 215 169 124;
--band-aid-oklch: oklch(0.766 0.081 65.5);
}
.element {
color: var(--band-aid);
background-color: hsl(30 53% 66%);
border-color: oklch(0.766 0.081 65.5);
}Tailwind CSS v4
@theme {
--color-band-aid: #d7a97c;
--color-band-aid-50: #fff1dd;
--color-band-aid-100: #fbe3cc;
--color-band-aid-200: #ecceb0;
--color-band-aid-300: #d4b08b;
--color-band-aid-400: #c0956b;
--color-band-aid-500: #ab7b4a;
--color-band-aid-600: #90683f;
--color-band-aid-700: #745332;
--color-band-aid-800: #563c24;
--color-band-aid-900: #3c2918;
--color-band-aid-950: #261709;
}SCSS
$band-aid: #d7a97c;
$band-aid-rgb: 215, 169, 124;
$band-aid-light: mix(#fff, $band-aid, 20%);
$band-aid-dark: mix(#000, $band-aid, 20%);
.element {
color: $band-aid;
box-shadow: 0 0 0 2px rgba($band-aid, 0.35);
}