En yakın adlandırılmış renk · #B8567B
#B8567B
En yakın adlandırılmış renk: Fat Smooch
#B8567B (rgb(184 86 123), hsl(337 41% 53%), oklch(0.585 0.133 358.2)) en çok Fat Smooch adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#B8567B
oklch(0.585 0.133 358.2)
Renk dönüşümleri
- HEX
- #b8567b
- RGB
- rgb(184 86 123)
- HSL
- hsl(337 41% 53%)
- HWB
- hwb(337 34% 28%)
- OKLCH
- oklch(0.585 0.133 358.2)
- OKLab
- oklab(0.585 0.132 -0.004)
- CIE Lab
- lab(50.14 43.3 -1.04)
- LCH
- lch(50.14 43.32 358.6)
- CMYK
- cmyk(0% 53% 33% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C16787
- C97894
- D189A1
- D899AE
- E0AABB
- E7BBC8
- EDCCD6
- F3DDE3
- F9EEF1
Koyu tonlar
- A04A6A
- 883E5A
- 71324A
- 5B273A
- 451C2C
- 31121E
- 1E0810
- 0C0205
- 020001
Gri tonlar
- B35B7C
- AE607C
- A9657D
- A4697D
- 9F6D7E
- 99717E
- 93757F
- 8D797F
- 877D80
Renk uyumları
Tamamlayıcı +180°
- B8567B
Fat Smooch
- 00907C
≈ Miami Jade
Analog -30° +30°
- B8567B
Fat Smooch
- A55CA3
≈ Heath Spotted Orchid
- BE584D
≈ Martian Ironearth
Üçlü +120° +240°
- B8567B
Fat Smooch
- 75850D
≈ Swamp Green
- 0085BF
≈ Ibiza Blue
Bölünmüş tamamlayıcı +150° +210°
- B8567B
Fat Smooch
- 39914C
≈ Wild Forest
- 008C9B
≈ Coral Coast
Dörtlü +90° +180° +270°
- B8567B
Fat Smooch
- 997600
≈ Mesozoic Green
- 00907C
≈ Miami Jade
- 5A76CA
≈ Indigo Light
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.51:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.65:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--fat-smooch: #b8567b;
--fat-smooch-rgb: 184 86 123;
--fat-smooch-oklch: oklch(0.585 0.133 358.2);
}
.element {
color: var(--fat-smooch);
background-color: hsl(337 41% 53%);
border-color: oklch(0.585 0.133 358.2);
}Tailwind CSS v4
@theme {
--color-fat-smooch: #b8567b;
--color-fat-smooch-50: #ffe6f3;
--color-fat-smooch-100: #ffd6e6;
--color-fat-smooch-200: #ffbdd2;
--color-fat-smooch-300: #f09ab4;
--color-fat-smooch-400: #dc7b9e;
--color-fat-smooch-500: #c95c85;
--color-fat-smooch-600: #aa4e71;
--color-fat-smooch-700: #893e5a;
--color-fat-smooch-800: #652c44;
--color-fat-smooch-900: #471e2f;
--color-fat-smooch-950: #2e0d1b;
}SCSS
$fat-smooch: #b8567b;
$fat-smooch-rgb: 184, 86, 123;
$fat-smooch-light: mix(#fff, $fat-smooch, 20%);
$fat-smooch-dark: mix(#000, $fat-smooch, 20%);
.element {
color: $fat-smooch;
box-shadow: 0 0 0 2px rgba($fat-smooch, 0.35);
}