Adlandırılmış renk · #B39BA9
Play Time
Play Time, #B39BA9: rgb(179 155 169), hsl(325 14% 65%), oklch(0.715 0.034 342.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Play Time color name →
#B39BA9
oklch(0.715 0.034 342.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BAA5B1
- C2AEBA
- CAB8C2
- D1C2CB
- D9CCD3
- E0D6DC
- E8E0E5
- F0EAED
- F7F5F6
Koyu tonlar
- 9B8692
- 84727C
- 6E5E67
- 584B53
- 43393F
- 2F282C
- 1D181B
- 0C090A
- 010101
Gri tonlar
- AE98A5
- A996A1
- A4939D
- 9E9098
- 998D94
- 948B90
- 8F888C
- 8A8588
- 858384
Renk uyumları
Tamamlayıcı +180°
- B39BA9
Play Time
- 91AA9D
≈ Melville
Analog -30° +30°
- B39BA9
Play Time
- AA9DB3
≈ Grapeade
- B79B9D
≈ Twilight Blush
Üçlü +120° +240°
- B39BA9
Play Time
- A7A48C
≈ Northgate Green
- 8CA8B3
≈ Pewter Blue
Bölünmüş tamamlayıcı +150° +210°
- B39BA9
Play Time
- 9BA892
≈ Green Amazons
- 8BAAA8
≈ Harbour Mist
Dörtlü +90° +180° +270°
- B39BA9
Play Time
- B1A08C
≈ Stepping Stones
- 91AA9D
≈ Melville
- 94A5B8
≈ River Valley
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.56:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.17:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.17:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
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);
}