Colore con nome · #B38A82
Warm Comfort
Warm Comfort è #B38A82: rgb(179 138 130), hsl(10 24% 61%), oklch(0.67 0.052 31.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Warm Comfort color name →
#B38A82
oklch(0.67 0.052 31.1)
Conversioni di colore
- HEX
- #b38a82
- RGB
- rgb(179 138 130)
- HSL
- hsl(10 24% 61%)
- HWB
- hwb(10 51% 30%)
- OKLCH
- oklch(0.67 0.052 31.1)
- OKLab
- oklab(0.67 0.044 0.027)
- CIE Lab
- lab(61.31 15.22 10.63)
- LCH
- lch(61.31 18.57 34.9)
- CMYK
- cmyk(0% 23% 27% 30%)
Tinte · Ombre · Toni
Tinte
- BB958E
- C2A19A
- CAACA6
- D2B8B2
- D9C3BF
- E1CFCB
- E8DBD8
- F0E7E5
- F8F3F2
Ombre
- 9B7770
- 84655F
- 6E534E
- 58423E
- 43322F
- 2F2220
- 1D1412
- 0C0706
- 010101
Toni
- AE8982
- A98882
- A48782
- 9F8681
- 9A8581
- 958481
- 908381
- 8A8281
- 858180
Armonie di colore
Complementare +180°
- B38A82
Warm Comfort
- 709EA7
≈ Reef Waters
Analogo -30° +30°
- B38A82
Warm Comfort
- B18893
≈ Keepsake Rose
- AD8E75
≈ Cantankerous Coyote
Triadico +120° +240°
- B38A82
Warm Comfort
- 7F9F85
≈ Vineyard
- 8994B6
≈ Lively Lilac
Complementare divisa +150° +210°
- B38A82
Warm Comfort
- 72A097
≈ Greyish Teal
- 799AB3
≈ Walden Pond
Tetradico +90° +180° +270°
- B38A82
Warm Comfort
- 909B77
≈ Usuao Blue
- 709EA7
≈ Reef Waters
- 9A8EB1
≈ Greek Lavender
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.05:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.87:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.87:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--warm-comfort: #b38a82;
--warm-comfort-rgb: 179 138 130;
--warm-comfort-oklch: oklch(0.67 0.052 31.1);
}
.element {
color: var(--warm-comfort);
background-color: hsl(10 24% 61%);
border-color: oklch(0.67 0.052 31.1);
}Tailwind CSS v4
@theme {
--color-warm-comfort: #b38a82;
--color-warm-comfort-50: #fff0ec;
--color-warm-comfort-100: #f9e2dd;
--color-warm-comfort-200: #eacdc6;
--color-warm-comfort-300: #d1aea7;
--color-warm-comfort-400: #bb948c;
--color-warm-comfort-500: #a67a71;
--color-warm-comfort-600: #8c6760;
--color-warm-comfort-700: #70524d;
--color-warm-comfort-800: #533c38;
--color-warm-comfort-900: #3a2926;
--color-warm-comfort-950: #241715;
}SCSS
$warm-comfort: #b38a82;
$warm-comfort-rgb: 179, 138, 130;
$warm-comfort-light: mix(#fff, $warm-comfort, 20%);
$warm-comfort-dark: mix(#000, $warm-comfort, 20%);
.element {
color: $warm-comfort;
box-shadow: 0 0 0 2px rgba($warm-comfort, 0.35);
}