이름 색상 · #B39BA9
Play Time
Play Time은(는) #B39BA9: rgb(179 155 169), hsl(325 14% 65%), oklch(0.715 0.034 342.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Play Time color name →
#B39BA9
oklch(0.715 0.034 342.1)
색상 변환
- HEX
- #b39ba9
- RGB
- rgb(179 155 169)
- HSL
- hsl(325 14% 65%)
- HWB
- hwb(325 61% 30%)
- OKLCH
- oklch(0.715 0.034 342.1)
- OKLab
- oklab(0.715 0.033 -0.011)
- CIE Lab
- lab(66.47 10.97 -3.88)
- LCH
- lch(66.47 11.64 340.5)
- CMYK
- cmyk(0% 13% 6% 30%)
틴트 · 셰이드 · 톤
틴트
- BAA5B1
- C2AEBA
- CAB8C2
- D1C2CB
- D9CCD3
- E0D6DC
- E8E0E5
- F0EAED
- F7F5F6
셰이드
- 9B8692
- 84727C
- 6E5E67
- 584B53
- 43393F
- 2F282C
- 1D181B
- 0C090A
- 010101
톤
- AE98A5
- A996A1
- A4939D
- 9E9098
- 998D94
- 948B90
- 8F888C
- 8A8588
- 858384
색 조화
보색 +180°
- B39BA9
Play Time
- 91AA9D
≈ Melville
유사색 -30° +30°
- B39BA9
Play Time
- AA9DB3
≈ Grapeade
- B79B9D
≈ Twilight Blush
삼각 배색 +120° +240°
- B39BA9
Play Time
- A7A48C
≈ Northgate Green
- 8CA8B3
≈ Pewter Blue
분열 보색 +150° +210°
- B39BA9
Play Time
- 9BA892
≈ Green Amazons
- 8BAAA8
≈ Harbour Mist
사각 배색 +90° +180° +270°
- B39BA9
Play Time
- B1A08C
≈ Stepping Stones
- 91AA9D
≈ Melville
- 94A5B8
≈ River Valley
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.56:1 · APCA Lc 50
Ag
AAA검은색 위
WCAG 8.17:1 · APCA Lc 52
가장 좋은 글자색: #000000
WCAG 8.17:1 (AAA) · APCA Lc 52
Contrast pairs
코드 스니펫
CSS
:root {
--play-time: #b39ba9;
--play-time-rgb: 179 155 169;
--play-time-oklch: oklch(0.715 0.034 342.1);
}
.element {
color: var(--play-time);
background-color: hsl(325 14% 65%);
border-color: oklch(0.715 0.034 342.1);
}Tailwind CSS v4
@theme {
--color-play-time: #b39ba9;
--color-play-time-50: #fdf1f7;
--color-play-time-100: #f1e4eb;
--color-play-time-200: #e0cfd8;
--color-play-time-300: #c5b1bc;
--color-play-time-400: #ae97a4;
--color-play-time-500: #977e8c;
--color-play-time-600: #806a77;
--color-play-time-700: #66555f;
--color-play-time-800: #4b3e46;
--color-play-time-900: #342b30;
--color-play-time-950: #1f181d;
}SCSS
$play-time: #b39ba9;
$play-time-rgb: 179, 155, 169;
$play-time-light: mix(#fff, $play-time, 20%);
$play-time-dark: mix(#000, $play-time, 20%);
.element {
color: $play-time;
box-shadow: 0 0 0 2px rgba($play-time, 0.35);
}