Adlandırılmış renk · #FC6C85
Ultra Red
Ultra Red, #FC6C85: rgb(252 108 133), hsl(350 96% 71%), oklch(0.714 0.176 12.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Ultra Red color name →
#FC6C85
oklch(0.714 0.176 12.1)
Renk dönüşümleri
- HEX
- #fc6c85
- RGB
- rgb(252 108 133)
- HSL
- hsl(350 96% 71%)
- HWB
- hwb(350 42% 1%)
- OKLCH
- oklch(0.714 0.176 12.1)
- OKLab
- oklab(0.714 0.173 0.037)
- CIE Lab
- lab(64.83 57.48 15.58)
- LCH
- lch(64.83 59.55 15.2)
- CMYK
- cmyk(0% 57% 47% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF7D91
- FF8C9C
- FF9BA8
- FFAAB4
- FFB9C1
- FFC7CD
- FFD5D9
- FFE3E6
- FFF1F2
Koyu tonlar
- DB5D73
- BB4E61
- 9C4050
- 7E3240
- 622530
- 471921
- 2D0D13
- 160406
- 030001
Gri tonlar
- F07085
- E57384
- D97684
- CD7883
- C17A83
- B47C82
- A87E82
- 9B7F81
- 8E7F81
Renk uyumları
Tamamlayıcı +180°
- FC6C85
Ultra Red
- 00BAB6
≈ Jade Gravel
Analog -30° +30°
- FC6C85
Ultra Red
- EA70C1
≈ Explicit Pink
- FA763E
≈ Crayola Orange
Üçlü +120° +240°
- FC6C85
Ultra Red
- 77B831
≈ Jubilant Meadow
- 53A6FF
≈ Âbi Blue
Bölünmüş tamamlayıcı +150° +210°
- FC6C85
Ultra Red
- 00C084
≈ Greenish Teal
- 00B4DD
≈ Blue Atoll
Dörtlü +90° +180° +270°
- FC6C85
Ultra Red
- B6A500
≈ Sulphine Yellow
- 00BAB6
≈ Jade Gravel
- 9594FF
≈ Cobalite
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.75:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.62:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.62:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--ultra-red: #fc6c85;
--ultra-red-rgb: 252 108 133;
--ultra-red-oklch: oklch(0.714 0.176 12.1);
}
.element {
color: var(--ultra-red);
background-color: hsl(350 96% 71%);
border-color: oklch(0.714 0.176 12.1);
}Tailwind CSS v4
@theme {
--color-ultra-red: #fc6c85;
--color-ultra-red-50: #ffe1e6;
--color-ultra-red-100: #ffd0d6;
--color-ultra-red-200: #ffb5bd;
--color-ultra-red-300: #ff8f9c;
--color-ultra-red-400: #f36b82;
--color-ultra-red-500: #e14366;
--color-ultra-red-600: #be3b57;
--color-ultra-red-700: #992f45;
--color-ultra-red-800: #722034;
--color-ultra-red-900: #501623;
--color-ultra-red-950: #350612;
}SCSS
$ultra-red: #fc6c85;
$ultra-red-rgb: 252, 108, 133;
$ultra-red-light: mix(#fff, $ultra-red, 20%);
$ultra-red-dark: mix(#000, $ultra-red, 20%);
.element {
color: $ultra-red;
box-shadow: 0 0 0 2px rgba($ultra-red, 0.35);
}