이름 색상 · #C28996
Desert Bud
Desert Bud은(는) #C28996: rgb(194 137 150), hsl(346 32% 65%), oklch(0.69 0.072 4.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Desert Bud color name →
#C28996
oklch(0.69 0.072 4.1)
색상 변환
- HEX
- #c28996
- RGB
- rgb(194 137 150)
- HSL
- hsl(346 32% 65%)
- HWB
- hwb(346 54% 24%)
- OKLCH
- oklch(0.69 0.072 4.1)
- OKLab
- oklab(0.69 0.071 0.005)
- CIE Lab
- lab(63.17 23.81 2.24)
- LCH
- lch(63.17 23.91 5.4)
- CMYK
- cmyk(0% 29% 23% 24%)
틴트 · 셰이드 · 톤
틴트
- C994A0
- CFA0AA
- D5ACB4
- DCB7BF
- E2C3C9
- E8CFD4
- EEDBDE
- F4E7E9
- F9F3F4
셰이드
- A87682
- 8F646E
- 77535B
- 604249
- 493137
- 342226
- 201416
- 0E0708
- 020101
톤
- BC8894
- B58892
- AF878F
- A8868D
- A2858B
- 9B8489
- 948387
- 8E8284
- 878182
색 조화
보색 +180°
- C28996
Desert Bud
- 65AAA0
≈ Dragon Bay
유사색 -30° +30°
- C28996
Desert Bud
- B78BAE
≈ Purple Lepidolite
- C38C7E
≈ Burnished Apricot
삼각 배색 +120° +240°
- C28996
Desert Bud
- 92A372
≈ Ivy Enchantment
- 75A1C5
≈ Key West Zenith
분열 보색 +150° +210°
- C28996
Desert Bud
- 78A987
≈ Green Globe
- 64A7B7
≈ Pacific Palisade
사각 배색 +90° +180° +270°
- C28996
Desert Bud
- AA9B68
≈ Wistman’s Wood
- 65AAA0
≈ Dragon Bay
- 8D99C8
≈ Easter Egg
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.87:1 · APCA Lc 55
Ag
AAA검은색 위
WCAG 7.31:1 · APCA Lc 47
가장 좋은 글자색: #000000
WCAG 7.31:1 (AAA) · APCA Lc 47
Contrast pairs
코드 스니펫
CSS
:root {
--desert-bud: #c28996;
--desert-bud-rgb: 194 137 150;
--desert-bud-oklch: oklch(0.69 0.072 4.1);
}
.element {
color: var(--desert-bud);
background-color: hsl(346 32% 65%);
border-color: oklch(0.69 0.072 4.1);
}Tailwind CSS v4
@theme {
--color-desert-bud: #c28996;
--color-desert-bud-50: #ffedf2;
--color-desert-bud-100: #fedfe4;
--color-desert-bud-200: #f0c8cf;
--color-desert-bud-300: #d9a9b2;
--color-desert-bud-400: #c48d99;
--color-desert-bud-500: #af7280;
--color-desert-bud-600: #94616d;
--color-desert-bud-700: #764d57;
--color-desert-bud-800: #573840;
--color-desert-bud-900: #3d262c;
--color-desert-bud-950: #261419;
}SCSS
$desert-bud: #c28996;
$desert-bud-rgb: 194, 137, 150;
$desert-bud-light: mix(#fff, $desert-bud, 20%);
$desert-bud-dark: mix(#000, $desert-bud, 20%);
.element {
color: $desert-bud;
box-shadow: 0 0 0 2px rgba($desert-bud, 0.35);
}