Adlandırılmış renk · #CE1127
Philippine Red
Philippine Red, #CE1127: rgb(206 17 39), hsl(353 85% 44%), oklch(0.541 0.213 24.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Philippine Red color name →
#CE1127
oklch(0.541 0.213 24.6)
Renk dönüşümleri
- HEX
- #ce1127
- RGB
- rgb(206 17 39)
- HSL
- hsl(353 85% 44%)
- HWB
- hwb(353 7% 19%)
- OKLCH
- oklch(0.541 0.213 24.6)
- OKLab
- oklab(0.541 0.193 0.088)
- CIE Lab
- lab(44.6 67.59 43.3)
- LCH
- lch(44.6 80.27 32.6)
- CMYK
- cmyk(0% 92% 81% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D63C3E
- DE5754
- E56E69
- EB847E
- F19993
- F5AEA8
- F9C2BD
- FCD7D3
- FEEBE9
Koyu tonlar
- B30D20
- 98091A
- 7F0614
- 66040E
- 4E0208
- 380104
- 230002
- 0F0001
- 020000
Gri tonlar
- C82D33
- C23D3D
- BC4946
- B5534F
- AE5D58
- A66560
- 9E6C68
- 957370
- 8B7A78
Renk uyumları
Tamamlayıcı +180°
- CE1127
Philippine Red
- 007E88
≈ Go Alpha
Analog -30° +30°
- CE1127
Philippine Red
- C31576
≈ Purple Anxiety
- A95500
≈ Tijolo
Üçlü +120° +240°
- CE1127
Philippine Red
- 00871F
≈ Fatal Fields
- 2E60E8
≈ Azul
Bölünmüş tamamlayıcı +150° +210°
- CE1127
Philippine Red
- 00826B
≈ Emperor’s Silk
- 0078A7
≈ Summer Lake
Dörtlü +90° +180° +270°
- CE1127
Philippine Red
- 6E7600
≈ Spinach Soup
- 007E88
≈ Go Alpha
- 7C47DB
≈ Aconite Purple
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.62:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 3.73:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.62:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--philippine-red: #ce1127;
--philippine-red-rgb: 206 17 39;
--philippine-red-oklch: oklch(0.541 0.213 24.6);
}
.element {
color: var(--philippine-red);
background-color: hsl(353 85% 44%);
border-color: oklch(0.541 0.213 24.6);
}Tailwind CSS v4
@theme {
--color-philippine-red: #ce1127;
--color-philippine-red-50: #ffded5;
--color-philippine-red-100: #ffcdc2;
--color-philippine-red-200: #ffafa3;
--color-philippine-red-300: #ff877b;
--color-philippine-red-400: #ff5e5c;
--color-philippine-red-500: #f32636;
--color-philippine-red-600: #cd242f;
--color-philippine-red-700: #a51e25;
--color-philippine-red-800: #7c121d;
--color-philippine-red-900: #570c13;
--color-philippine-red-950: #3a0005;
}SCSS
$philippine-red: #ce1127;
$philippine-red-rgb: 206, 17, 39;
$philippine-red-light: mix(#fff, $philippine-red, 20%);
$philippine-red-dark: mix(#000, $philippine-red, 20%);
.element {
color: $philippine-red;
box-shadow: 0 0 0 2px rgba($philippine-red, 0.35);
}