Adlandırılmış renk · #BB937B
Turkish Bath
Turkish Bath, #BB937B: rgb(187 147 123), hsl(22 32% 61%), oklch(0.694 0.059 52.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Turkish Bath color name →
#BB937B
oklch(0.694 0.059 52.4)
Renk dönüşümleri
- HEX
- #bb937b
- RGB
- rgb(187 147 123)
- HSL
- hsl(22 32% 61%)
- HWB
- hwb(22 48% 27%)
- OKLCH
- oklch(0.694 0.059 52.4)
- OKLab
- oklab(0.694 0.036 0.047)
- CIE Lab
- lab(64.3 13.03 18.8)
- LCH
- lch(64.3 22.87 55.3)
- CMYK
- cmyk(0% 21% 34% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C29D88
- C9A894
- D0B3A1
- D7BDAE
- DDC8BC
- E4D3C9
- EBDED6
- F2E9E4
- F8F4F1
Koyu tonlar
- A27F6A
- 8A6C5A
- 73594A
- 5C473A
- 46362C
- 32251E
- 1F1610
- 0D0805
- 020101
Gri tonlar
- B5917C
- AF8F7C
- A98E7D
- A38C7E
- 9E8A7E
- 98887F
- 92867F
- 8C847F
- 868280
Renk uyumları
Tamamlayıcı +180°
- BB937B
Turkish Bath
- 78A4BC
≈ Ocean Surf
Analog -30° +30°
- BB937B
Turkish Bath
- BF8F8C
≈ Rosy Brown
- AF9A73
≈ Toasted Sesame
Üçlü +120° +240°
- BB937B
Turkish Bath
- 76A999
≈ Acapulco
- 9D96BF
≈ Vision Quest
Bölünmüş tamamlayıcı +150° +210°
- BB937B
Turkish Bath
- 70A8AD
≈ Water Cooler
- 899DC2
≈ Lavender Lustre
Dörtlü +90° +180° +270°
- BB937B
Turkish Bath
- 88A785
≈ Mermaid’s Cove
- 78A4BC
≈ Ocean Surf
- AF91B3
≈ Metal Petal
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.77:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.57:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.57:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--turkish-bath: #bb937b;
--turkish-bath-rgb: 187 147 123;
--turkish-bath-oklch: oklch(0.694 0.059 52.4);
}
.element {
color: var(--turkish-bath);
background-color: hsl(22 32% 61%);
border-color: oklch(0.694 0.059 52.4);
}Tailwind CSS v4
@theme {
--color-turkish-bath: #bb937b;
--color-turkish-bath-50: #fff1e6;
--color-turkish-bath-100: #f8e3d6;
--color-turkish-bath-200: #e9cebd;
--color-turkish-bath-300: #d0b09b;
--color-turkish-bath-400: #bb957e;
--color-turkish-bath-500: #a67b62;
--color-turkish-bath-600: #8c6953;
--color-turkish-bath-700: #715442;
--color-turkish-bath-800: #533d30;
--color-turkish-bath-900: #3a2a20;
--color-turkish-bath-950: #241710;
}SCSS
$turkish-bath: #bb937b;
$turkish-bath-rgb: 187, 147, 123;
$turkish-bath-light: mix(#fff, $turkish-bath, 20%);
$turkish-bath-dark: mix(#000, $turkish-bath, 20%);
.element {
color: $turkish-bath;
box-shadow: 0 0 0 2px rgba($turkish-bath, 0.35);
}