En yakın adlandırılmış renk · #BC5667
#BC5667
En yakın adlandırılmış renk: Candied Apple
#BC5667 (rgb(188 86 103), hsl(350 43% 54%), oklch(0.585 0.132 11.7)) en çok Candied Apple 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.
#BC5667
oklch(0.585 0.132 11.7)
Renk dönüşümleri
- HEX
- #bc5667
- RGB
- rgb(188 86 103)
- HSL
- hsl(350 43% 54%)
- HWB
- hwb(350 34% 26%)
- OKLCH
- oklch(0.585 0.132 11.7)
- OKLab
- oklab(0.585 0.129 0.027)
- CIE Lab
- lab(50.31 43.09 11.28)
- LCH
- lch(50.31 44.55 14.7)
- CMYK
- cmyk(0% 54% 45% 26%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C46775
- CC7884
- D48992
- DB9AA1
- E2AAB0
- E9BBC0
- EFCCCF
- F5DDDF
- FAEEEF
Koyu tonlar
- A34A59
- 8B3E4B
- 73323D
- 5D2730
- 471C23
- 321217
- 1F080C
- 0D0204
- 020000
Gri tonlar
- B75B6A
- B2606C
- AC656F
- A76971
- A16E74
- 9B7276
- 957579
- 8E797B
- 877D7E
Renk uyumları
Tamamlayıcı +180°
- BC5667
Candied Apple
- 008E8B
≈ Corfu Shallows
Analog -30° +30°
- BC5667
Candied Apple
- AF5992
≈ Meadow Mauve
- BB5D37
≈ Smoke Tree
Üçlü +120° +240°
- BC5667
Candied Apple
- 5E8B2F
≈ Maximum Green
- 387EC7
≈ Heirloom Hydrangea
Bölünmüş tamamlayıcı +150° +210°
- BC5667
Candied Apple
- 009363
≈ Emerald Lake
- 0089A9
≈ Capri Breeze
Dörtlü +90° +180° +270°
- BC5667
Candied Apple
- 8B7D00
≈ Moscow Papyrus
- 008E8B
≈ Corfu Shallows
- 7070C7
≈ Purple Toolbox
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.50:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.66:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--candied-apple: #bc5667;
--candied-apple-rgb: 188 86 103;
--candied-apple-oklch: oklch(0.585 0.132 11.7);
}
.element {
color: var(--candied-apple);
background-color: hsl(350 43% 54%);
border-color: oklch(0.585 0.132 11.7);
}Tailwind CSS v4
@theme {
--color-candied-apple: #bc5667;
--color-candied-apple-50: #ffe7ea;
--color-candied-apple-100: #ffd7db;
--color-candied-apple-200: #ffbec3;
--color-candied-apple-300: #f39ba3;
--color-candied-apple-400: #e07b8a;
--color-candied-apple-500: #ce5c6f;
--color-candied-apple-600: #ae4e5e;
--color-candied-apple-700: #8c3e4b;
--color-candied-apple-800: #682c38;
--color-candied-apple-900: #491e26;
--color-candied-apple-950: #2f0d15;
}SCSS
$candied-apple: #bc5667;
$candied-apple-rgb: 188, 86, 103;
$candied-apple-light: mix(#fff, $candied-apple, 20%);
$candied-apple-dark: mix(#000, $candied-apple, 20%);
.element {
color: $candied-apple;
box-shadow: 0 0 0 2px rgba($candied-apple, 0.35);
}