Adlandırılmış renk · #FC2647
Là Jiāo Hóng Red
Là Jiāo Hóng Red, #FC2647: rgb(252 38 71), hsl(351 97% 57%), oklch(0.638 0.24 20.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Là Jiāo Hóng Red color name →
#FC2647
oklch(0.638 0.24 20.9)
Renk dönüşümleri
- HEX
- #fc2647
- RGB
- rgb(252 38 71)
- HSL
- hsl(351 97% 57%)
- HWB
- hwb(351 15% 1%)
- OKLCH
- oklch(0.638 0.24 20.9)
- OKLab
- oklab(0.638 0.224 0.085)
- CIE Lab
- lab(55.51 76.97 39.62)
- LCH
- lch(55.51 86.57 27.2)
- CMYK
- cmyk(0% 85% 72% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF4B5A
- FF656C
- FF7C7E
- FF9090
- FFA4A2
- FFB7B5
- FFC9C7
- FFDBD9
- FFEDEC
Koyu tonlar
- DB203D
- BB1932
- 9C1328
- 7E0D1F
- 620816
- 47040D
- 2D0206
- 160102
- 030000
Gri tonlar
- F13C4E
- E64A55
- DB555B
- D05E61
- C46666
- B86C6C
- AB7271
- 9D7776
- 8F7C7B
Renk uyumları
Tamamlayıcı +180°
- FC2647
Là Jiāo Hóng Red
- 009FA6
≈ Ducati
Analog -30° +30°
- FC2647
Là Jiāo Hóng Red
- ED2E9E
≈ Pink Bite
- D86700
≈ Apple II Chocolate
Üçlü +120° +240°
- FC2647
Là Jiāo Hóng Red
- 28A800
≈ Vegetarian
- 4186FF
≈ Bleuchâtel Blue
Bölünmüş tamamlayıcı +150° +210°
- FC2647
Là Jiāo Hóng Red
- 00A481
≈ Congo Green
- 0098CB
≈ Tomb Blue
Dörtlü +90° +180° +270°
- FC2647
Là Jiāo Hóng Red
- 909300
≈ Old Asparagus
- 009FA6
≈ Ducati
- 906BFF
≈ Purple Anemone
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.81:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.50:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.50:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--la-jiao-hong-red: #fc2647;
--la-jiao-hong-red-rgb: 252 38 71;
--la-jiao-hong-red-oklch: oklch(0.638 0.24 20.9);
}
.element {
color: var(--la-jiao-hong-red);
background-color: hsl(351 97% 57%);
border-color: oklch(0.638 0.24 20.9);
}Tailwind CSS v4
@theme {
--color-la-jiao-hong-red: #fc2647;
--color-la-jiao-hong-red-50: #ffdad5;
--color-la-jiao-hong-red-100: #ffc8c2;
--color-la-jiao-hong-red-200: #ffa8a4;
--color-la-jiao-hong-red-300: #ff7d7c;
--color-la-jiao-hong-red-400: #ff4d5d;
--color-la-jiao-hong-red-500: #fe0038;
--color-la-jiao-hong-red-600: #d70031;
--color-la-jiao-hong-red-700: #ad0027;
--color-la-jiao-hong-red-800: #81001f;
--color-la-jiao-hong-red-900: #5c0014;
--color-la-jiao-hong-red-950: #3e0006;
}SCSS
$la-jiao-hong-red: #fc2647;
$la-jiao-hong-red-rgb: 252, 38, 71;
$la-jiao-hong-red-light: mix(#fff, $la-jiao-hong-red, 20%);
$la-jiao-hong-red-dark: mix(#000, $la-jiao-hong-red, 20%);
.element {
color: $la-jiao-hong-red;
box-shadow: 0 0 0 2px rgba($la-jiao-hong-red, 0.35);
}