이름 색상 · #B0AD96
Reed Bed
Reed Bed은(는) #B0AD96: rgb(176 173 150), hsl(53 14% 64%), oklch(0.744 0.032 101). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Reed Bed color name →
#B0AD96
oklch(0.744 0.032 101)
색상 변환
- HEX
- #b0ad96
- RGB
- rgb(176 173 150)
- HSL
- hsl(53 14% 64%)
- HWB
- hwb(53 59% 31%)
- OKLCH
- oklch(0.744 0.032 101)
- OKLab
- oklab(0.744 -0.006 0.032)
- CIE Lab
- lab(70.5 -1.86 12.28)
- LCH
- lch(70.5 12.42 98.6)
- CMYK
- cmyk(0% 2% 15% 31%)
틴트 · 셰이드 · 톤
틴트
- B8B5A0
- BFBDAA
- C7C5B5
- CFCDBF
- D7D5C9
- DFDED4
- E7E6DF
- EFEEE9
- F7F7F4
셰이드
- 999682
- 827F6E
- 6C6A5B
- 565549
- 424137
- 2E2D26
- 1C1B16
- 0B0B08
- 010101
톤
- ABA894
- A6A492
- A19F90
- 9C9B8D
- 98968B
- 939289
- 8E8D87
- 898984
- 858482
색 조화
보색 +180°
- B0AD96
Reed Bed
- A8AAC1
≈ Cosmic Sky
유사색 -30° +30°
- B0AD96
Reed Bed
- B9A996
≈ Fashion District
- A5B19C
≈ Banksia
삼각 배색 +120° +240°
- B0AD96
Reed Bed
- 97B1BA
≈ Mohair Soft Blue Grey
- BBA4B2
≈ Buckwheat Mauve
분열 보색 +150° +210°
- B0AD96
Reed Bed
- 9DAEC0
≈ Sterling Silver
- B3A7BB
≈ Amorphous Rose
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.26:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.26:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.26:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--reed-bed: #b0ad96;
--reed-bed-rgb: 176 173 150;
--reed-bed-oklch: oklch(0.744 0.032 101);
}
.element {
color: var(--reed-bed);
background-color: hsl(53 14% 64%);
border-color: oklch(0.744 0.032 101);
}Tailwind CSS v4
@theme {
--color-reed-bed: #b0ad96;
--color-reed-bed-50: #f6f6eb;
--color-reed-bed-100: #e9e9dc;
--color-reed-bed-200: #d6d5c6;
--color-reed-bed-300: #bab8a6;
--color-reed-bed-400: #a29f8a;
--color-reed-bed-500: #8a876f;
--color-reed-bed-600: #75725e;
--color-reed-bed-700: #5e5b4b;
--color-reed-bed-800: #454336;
--color-reed-bed-900: #302e25;
--color-reed-bed-950: #1c1b14;
}SCSS
$reed-bed: #b0ad96;
$reed-bed-rgb: 176, 173, 150;
$reed-bed-light: mix(#fff, $reed-bed, 20%);
$reed-bed-dark: mix(#000, $reed-bed, 20%);
.element {
color: $reed-bed;
box-shadow: 0 0 0 2px rgba($reed-bed, 0.35);
}