Colore con nome · #B39BA9
Play Time
Play Time è #B39BA9: rgb(179 155 169), hsl(325 14% 65%), oklch(0.715 0.034 342.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Play Time color name →
#B39BA9
oklch(0.715 0.034 342.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- BAA5B1
- C2AEBA
- CAB8C2
- D1C2CB
- D9CCD3
- E0D6DC
- E8E0E5
- F0EAED
- F7F5F6
Ombre
- 9B8692
- 84727C
- 6E5E67
- 584B53
- 43393F
- 2F282C
- 1D181B
- 0C090A
- 010101
Toni
- AE98A5
- A996A1
- A4939D
- 9E9098
- 998D94
- 948B90
- 8F888C
- 8A8588
- 858384
Armonie di colore
Complementare +180°
- B39BA9
Play Time
- 91AA9D
≈ Melville
Analogo -30° +30°
- B39BA9
Play Time
- AA9DB3
≈ Grapeade
- B79B9D
≈ Twilight Blush
Triadico +120° +240°
- B39BA9
Play Time
- A7A48C
≈ Northgate Green
- 8CA8B3
≈ Pewter Blue
Complementare divisa +150° +210°
- B39BA9
Play Time
- 9BA892
≈ Green Amazons
- 8BAAA8
≈ Harbour Mist
Tetradico +90° +180° +270°
- B39BA9
Play Time
- B1A08C
≈ Stepping Stones
- 91AA9D
≈ Melville
- 94A5B8
≈ River Valley
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.56:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.17:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.17:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
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);
}