Colore con nome · #CE1127
Philippine Red
Philippine Red è #CE1127: rgb(206 17 39), hsl(353 85% 44%), oklch(0.541 0.213 24.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Philippine Red color name →
#CE1127
oklch(0.541 0.213 24.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D63C3E
- DE5754
- E56E69
- EB847E
- F19993
- F5AEA8
- F9C2BD
- FCD7D3
- FEEBE9
Ombre
- B30D20
- 98091A
- 7F0614
- 66040E
- 4E0208
- 380104
- 230002
- 0F0001
- 020000
Toni
- C82D33
- C23D3D
- BC4946
- B5534F
- AE5D58
- A66560
- 9E6C68
- 957370
- 8B7A78
Armonie di colore
Complementare +180°
- CE1127
Philippine Red
- 007E88
≈ Go Alpha
Analogo -30° +30°
- CE1127
Philippine Red
- C31576
≈ Purple Anxiety
- A95500
≈ Tijolo
Triadico +120° +240°
- CE1127
Philippine Red
- 00871F
≈ Fatal Fields
- 2E60E8
≈ Azul
Complementare divisa +150° +210°
- CE1127
Philippine Red
- 00826B
≈ Emperor’s Silk
- 0078A7
≈ Summer Lake
Tetradico +90° +180° +270°
- CE1127
Philippine Red
- 6E7600
≈ Spinach Soup
- 007E88
≈ Go Alpha
- 7C47DB
≈ Aconite Purple
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.62:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.73:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.62:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
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);
}