이름 색상 · #B39F8D
Gilded Beige
Gilded Beige은(는) #B39F8D: rgb(179 159 141), hsl(28 20% 63%), oklch(0.715 0.035 64.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Gilded Beige color name →
#B39F8D
oklch(0.715 0.035 64.2)
색상 변환
- HEX
- #b39f8d
- RGB
- rgb(179 159 141)
- HSL
- hsl(28 20% 63%)
- HWB
- hwb(28 55% 30%)
- OKLCH
- oklch(0.715 0.035 64.2)
- OKLab
- oklab(0.715 0.015 0.031)
- CIE Lab
- lab(66.9 5.42 12.26)
- LCH
- lch(66.9 13.4 66.1)
- CMYK
- cmyk(0% 11% 21% 30%)
틴트 · 셰이드 · 톤
틴트
- BAA898
- C2B2A3
- C9BBAE
- D1C4B9
- D9CEC5
- E0D8D0
- E8E1DC
- F0EBE7
- F7F5F3
셰이드
- 9B8A7A
- 847567
- 6E6155
- 584D44
- 433B33
- 2F2923
- 1D1814
- 0C0907
- 010101
톤
- AE9C8C
- A9998B
- A49689
- 9E9388
- 998F87
- 948C85
- 8F8984
- 8A8683
- 858381
색 조화
보색 +180°
- B39F8D
Gilded Beige
- 91A6B8
≈ Dresden Dream
유사색 -30° +30°
- B39F8D
Gilded Beige
- B89C95
≈ Creamed Caramel
- AAA38B
≈ Northgate Green
삼각 배색 +120° +240°
- B39F8D
Gilded Beige
- 8CABA5
≈ Oceanus
- A89EB5
≈ Grapeade
분열 보색 +150° +210°
- B39F8D
Gilded Beige
- 8BA9B0
≈ Stone Silver
- 9CA2B9
≈ Zen Blue
사각 배색 +90° +180° +270°
- B39F8D
Gilded Beige
- 93AA99
≈ Melville
- 91A6B8
≈ Dresden Dream
- B19BAC
≈ Play Time
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.54:1 · APCA Lc 50
Ag
AAA검은색 위
WCAG 8.26:1 · APCA Lc 52
가장 좋은 글자색: #000000
WCAG 8.26:1 (AAA) · APCA Lc 52
Contrast pairs
코드 스니펫
CSS
:root {
--gilded-beige: #b39f8d;
--gilded-beige-rgb: 179 159 141;
--gilded-beige-oklch: oklch(0.715 0.035 64.2);
}
.element {
color: var(--gilded-beige);
background-color: hsl(28 20% 63%);
border-color: oklch(0.715 0.035 64.2);
}Tailwind CSS v4
@theme {
--color-gilded-beige: #b39f8d;
--color-gilded-beige-50: #fcf3eb;
--color-gilded-beige-100: #f0e6dc;
--color-gilded-beige-200: #dfd2c5;
--color-gilded-beige-300: #c4b4a5;
--color-gilded-beige-400: #ad9b8a;
--color-gilded-beige-500: #97826f;
--color-gilded-beige-600: #806e5e;
--color-gilded-beige-700: #66584b;
--color-gilded-beige-800: #4b4036;
--color-gilded-beige-900: #342c25;
--color-gilded-beige-950: #201914;
}SCSS
$gilded-beige: #b39f8d;
$gilded-beige-rgb: 179, 159, 141;
$gilded-beige-light: mix(#fff, $gilded-beige, 20%);
$gilded-beige-dark: mix(#000, $gilded-beige, 20%);
.element {
color: $gilded-beige;
box-shadow: 0 0 0 2px rgba($gilded-beige, 0.35);
}