Adlandırılmış renk · #B38A82
Warm Comfort
Warm Comfort, #B38A82: rgb(179 138 130), hsl(10 24% 61%), oklch(0.67 0.052 31.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Warm Comfort color name →
#B38A82
oklch(0.67 0.052 31.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BB958E
- C2A19A
- CAACA6
- D2B8B2
- D9C3BF
- E1CFCB
- E8DBD8
- F0E7E5
- F8F3F2
Koyu tonlar
- 9B7770
- 84655F
- 6E534E
- 58423E
- 43322F
- 2F2220
- 1D1412
- 0C0706
- 010101
Gri tonlar
- AE8982
- A98882
- A48782
- 9F8681
- 9A8581
- 958481
- 908381
- 8A8281
- 858180
Renk uyumları
Tamamlayıcı +180°
- B38A82
Warm Comfort
- 709EA7
≈ Reef Waters
Analog -30° +30°
- B38A82
Warm Comfort
- B18893
≈ Keepsake Rose
- AD8E75
≈ Cantankerous Coyote
Üçlü +120° +240°
- B38A82
Warm Comfort
- 7F9F85
≈ Vineyard
- 8994B6
≈ Lively Lilac
Bölünmüş tamamlayıcı +150° +210°
- B38A82
Warm Comfort
- 72A097
≈ Greyish Teal
- 799AB3
≈ Walden Pond
Dörtlü +90° +180° +270°
- B38A82
Warm Comfort
- 909B77
≈ Usuao Blue
- 709EA7
≈ Reef Waters
- 9A8EB1
≈ Greek Lavender
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.05:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.87:1 · APCA Lc 44
En iyi metin rengi: #000000
WCAG 6.87:1 (AA) · APCA Lc 44
Contrast pairs
Kod parçacıkları
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);
}