Colore con nome · #FE314B
Cherry Paddle Pop
Cherry Paddle Pop è #FE314B: rgb(254 49 75), hsl(352 99% 59%), oklch(0.649 0.235 21.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Cherry Paddle Pop color name →
#FE314B
oklch(0.649 0.235 21.1)
Conversioni di colore
- HEX
- #fe314b
- RGB
- rgb(254 49 75)
- HSL
- hsl(352 99% 59%)
- HWB
- hwb(352 19% 0%)
- OKLCH
- oklch(0.649 0.235 21.1)
- OKLab
- oklab(0.649 0.22 0.085)
- CIE Lab
- lab(56.76 75.37 38.83)
- LCH
- lch(56.76 84.78 27.3)
- CMYK
- cmyk(0% 81% 70% 0%)
Tinte · Ombre · Toni
Tinte
- FF515D
- FF6A6F
- FF7F81
- FF9393
- FFA6A4
- FFB8B6
- FFCAC8
- FFDCDA
- FFEEED
Ombre
- DD2940
- BD2235
- 9E1A2B
- 801321
- 630C17
- 47060E
- 2D0306
- 160102
- 030000
Toni
- F34252
- E84F58
- DC595D
- D06163
- C46868
- B86E6D
- AB7472
- 9E7877
- 8F7C7B
Armonie di colore
Complementare +180°
- FE314B
Cherry Paddle Pop
- 00A2AA
≈ Aare River Brienz
Analogo -30° +30°
- FE314B
Cherry Paddle Pop
- EF36A0
≈ Pink Bite
- DC6A00
≈ Apple II Chocolate
Triadico +120° +240°
- FE314B
Cherry Paddle Pop
- 27AC00
≈ Vegetarian
- 4889FF
≈ Bleuchâtel Blue
Complementare divisa +150° +210°
- FE314B
Cherry Paddle Pop
- 00A784
≈ Active Green
- 009CCF
≈ Structural Blue
Tetradico +90° +180° +270°
- FE314B
Cherry Paddle Pop
- 939600
≈ Turtle Moss
- 00A2AA
≈ Aare River Brienz
- 9370FF
≈ Blackthorn Berry
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.64:1 · APCA Lc 62
Ag
AASu nero
WCAG 5.75:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.75:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--cherry-paddle-pop: #fe314b;
--cherry-paddle-pop-rgb: 254 49 75;
--cherry-paddle-pop-oklch: oklch(0.649 0.235 21.1);
}
.element {
color: var(--cherry-paddle-pop);
background-color: hsl(352 99% 59%);
border-color: oklch(0.649 0.235 21.1);
}Tailwind CSS v4
@theme {
--color-cherry-paddle-pop: #fe314b;
--color-cherry-paddle-pop-50: #ffdbd6;
--color-cherry-paddle-pop-100: #ffc9c3;
--color-cherry-paddle-pop-200: #ffa9a4;
--color-cherry-paddle-pop-300: #ff7e7d;
--color-cherry-paddle-pop-400: #ff505e;
--color-cherry-paddle-pop-500: #fc003a;
--color-cherry-paddle-pop-600: #d50032;
--color-cherry-paddle-pop-700: #ab0228;
--color-cherry-paddle-pop-800: #80001f;
--color-cherry-paddle-pop-900: #5b0214;
--color-cherry-paddle-pop-950: #3d0006;
}SCSS
$cherry-paddle-pop: #fe314b;
$cherry-paddle-pop-rgb: 254, 49, 75;
$cherry-paddle-pop-light: mix(#fff, $cherry-paddle-pop, 20%);
$cherry-paddle-pop-dark: mix(#000, $cherry-paddle-pop, 20%);
.element {
color: $cherry-paddle-pop;
box-shadow: 0 0 0 2px rgba($cherry-paddle-pop, 0.35);
}