Adlandırılmış renk · #BB1111
Sinoper Red
Sinoper Red, #BB1111: rgb(187 17 17), hsl(0 83% 40%), oklch(0.503 0.198 28.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Sinoper Red color name →
#BB1111
oklch(0.503 0.198 28.4)
Renk dönüşümleri
- HEX
- #bb1111
- RGB
- rgb(187 17 17)
- HSL
- hsl(0 83% 40%)
- HWB
- hwb(0 7% 27%)
- OKLCH
- oklch(0.503 0.198 28.4)
- OKLab
- oklab(0.503 0.174 0.094)
- CIE Lab
- lab(40.4 62.27 49.15)
- LCH
- lch(40.4 79.33 38.3)
- CMYK
- cmyk(0% 91% 91% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C5392F
- CF5447
- D76B5E
- DF8174
- E7968B
- EDABA1
- F3C0B8
- F8D5D0
- FCEAE7
Koyu tonlar
- A20D0D
- 8A0909
- 730606
- 5C0404
- 460202
- 320101
- 1F0000
- 0D0000
- 020000
Gri tonlar
- B72A23
- B33A30
- AE463C
- A95146
- A45A50
- 9E625A
- 986A64
- 91726D
- 897977
Renk uyumları
Tamamlayıcı +180°
- BB1111
Sinoper Red
- 00717E
≈ Iridescent Peacock
Analog -30° +30°
- BB1111
Sinoper Red
- B30E63
≈ Aztec Warrior
- 954F00
≈ Warm Brown
Üçlü +120° +240°
- BB1111
Sinoper Red
- 00792F
≈ La Salle Green
- 3754D3
≈ Gorgonzola Blue
Bölünmüş tamamlayıcı +150° +210°
- BB1111
Sinoper Red
- 007564
≈ Northern Hemisphere
- 006C9C
≈ Disarm
Dörtlü +90° +180° +270°
- BB1111
Sinoper Red
- 5E6C00
≈ Mud Green
- 00717E
≈ Iridescent Peacock
- 763DC3
≈ Purple Rain
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.55:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.20:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.55:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--sinoper-red: #bb1111;
--sinoper-red-rgb: 187 17 17;
--sinoper-red-oklch: oklch(0.503 0.198 28.4);
}
.element {
color: var(--sinoper-red);
background-color: hsl(0 83% 40%);
border-color: oklch(0.503 0.198 28.4);
}Tailwind CSS v4
@theme {
--color-sinoper-red: #bb1111;
--color-sinoper-red-50: #ffe1d3;
--color-sinoper-red-100: #ffd0c0;
--color-sinoper-red-200: #ffb3a1;
--color-sinoper-red-300: #ff8d78;
--color-sinoper-red-400: #fe6657;
--color-sinoper-red-500: #ed382e;
--color-sinoper-red-600: #c83229;
--color-sinoper-red-700: #a12821;
--color-sinoper-red-800: #781a19;
--color-sinoper-red-900: #551210;
--color-sinoper-red-950: #390204;
}SCSS
$sinoper-red: #bb1111;
$sinoper-red-rgb: 187, 17, 17;
$sinoper-red-light: mix(#fff, $sinoper-red, 20%);
$sinoper-red-dark: mix(#000, $sinoper-red, 20%);
.element {
color: $sinoper-red;
box-shadow: 0 0 0 2px rgba($sinoper-red, 0.35);
}