En yakın adlandırılmış renk · #BB6561
#BB6561
En yakın adlandırılmış renk: Stormy Passion
#BB6561 (rgb(187 101 97), hsl(3 40% 56%), oklch(0.605 0.111 23.7)) en çok Stormy Passion 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.
#BB6561
oklch(0.605 0.111 23.7)
Renk dönüşümleri
- HEX
- #bb6561
- RGB
- rgb(187 101 97)
- HSL
- hsl(3 40% 56%)
- HWB
- hwb(3 38% 27%)
- OKLCH
- oklch(0.605 0.111 23.7)
- OKLab
- oklab(0.605 0.102 0.045)
- CIE Lab
- lab(53.07 34.92 18.52)
- LCH
- lch(53.07 39.52 27.9)
- CMYK
- cmyk(0% 46% 48% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C37470
- CB847F
- D2938E
- D9A29E
- E0B1AD
- E7C1BD
- EDD0CD
- F4E0DE
- F9EFEE
Koyu tonlar
- A25753
- 8A4946
- 733C39
- 5C2F2D
- 462221
- 321715
- 1F0C0B
- 0D0303
- 020000
Gri tonlar
- B66864
- B06C68
- AB6F6B
- A5716E
- A07471
- 9A7774
- 947977
- 8D7C7A
- 877E7D
Renk uyumları
Tamamlayıcı +180°
- BB6561
Stormy Passion
- 00939E
≈ Jaded
Analog -30° +30°
- BB6561
Stormy Passion
- B46487
≈ Raspberry Parfait
- B56E3C
≈ Orange Ballad
Üçlü +120° +240°
- BB6561
Stormy Passion
- 569355
≈ Ineffable Forest
- 5F80C4
≈ Bodega Bay
Bölünmüş tamamlayıcı +150° +210°
- BB6561
Stormy Passion
- 16977C
≈ Pool Table
- 2A8CB9
≈ Hidden Springs
Dörtlü +90° +180° +270°
- BB6561
Stormy Passion
- 818931
≈ Absinthe Dreams
- 00939E
≈ Jaded
- 8574BE
≈ Purple Hebe
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.08:1 · APCA Lc 68
Ag
AASiyah üzerinde
WCAG 5.14:1 · APCA Lc 34
En iyi metin rengi: #000000
WCAG 5.14:1 (AA) · APCA Lc 34
Contrast pairs
Kod parçacıkları
CSS
:root {
--stormy-passion: #bb6561;
--stormy-passion-rgb: 187 101 97;
--stormy-passion-oklch: oklch(0.605 0.111 23.7);
}
.element {
color: var(--stormy-passion);
background-color: hsl(3 40% 56%);
border-color: oklch(0.605 0.111 23.7);
}Tailwind CSS v4
@theme {
--color-stormy-passion: #bb6561;
--color-stormy-passion-50: #ffeae5;
--color-stormy-passion-100: #ffdad5;
--color-stormy-passion-200: #ffc3bc;
--color-stormy-passion-300: #eba19a;
--color-stormy-passion-400: #d8837f;
--color-stormy-passion-500: #c56662;
--color-stormy-passion-600: #a65753;
--color-stormy-passion-700: #864542;
--color-stormy-passion-800: #633131;
--color-stormy-passion-900: #462221;
--color-stormy-passion-950: #2d1111;
}SCSS
$stormy-passion: #bb6561;
$stormy-passion-rgb: 187, 101, 97;
$stormy-passion-light: mix(#fff, $stormy-passion, 20%);
$stormy-passion-dark: mix(#000, $stormy-passion, 20%);
.element {
color: $stormy-passion;
box-shadow: 0 0 0 2px rgba($stormy-passion, 0.35);
}