Nazwany kolor · #FF0044
Cherry Soda
Cherry Soda to #FF0044: rgb(255 0 68), hsl(344 100% 50%), oklch(0.633 0.254 19.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Cherry Soda color name →
#FF0044
oklch(0.633 0.254 19.9)
Konwersje koloru
- HEX
- #ff0044
- RGB
- rgb(255 0 68)
- HSL
- hsl(344 100% 50%)
- HWB
- hwb(344 0% 0%)
- OKLCH
- oklch(0.633 0.254 19.9)
- OKLab
- oklab(0.633 0.239 0.086)
- CIE Lab
- lab(54.66 81.63 40.63)
- LCH
- lch(54.66 91.19 26.5)
- CMYK
- cmyk(0% 100% 73% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF4057
- FF5E6A
- FF767C
- FF8C8E
- FFA0A1
- FFB4B3
- FFC7C6
- FFDAD9
- FFEDEC
Odcienie ciemniejsze
- DE003A
- BE0030
- 9E0026
- 80001D
- 630014
- 48000C
- 2E0005
- 160002
- 030000
Tony
- F42E4B
- E94152
- DD4F59
- D2595F
- C66265
- B96A6B
- AC7170
- 9F7676
- 907B7B
Harmonie kolorów
Komplementarna +180°
- FF0044
Cherry Soda
- 009DA3
≈ Turkish Boy
Analogowa -30° +30°
- FF0044
Cherry Soda
- EE1A9F
≈ Fanatic Fuchsia
- D76400
≈ Ancient Bamboo
Triada +120° +240°
- FF0044
Cherry Soda
- 33A500
≈ Peter Pan
- 3984FF
≈ Dodger Blue
Komplementarna rozszczepiona +150° +210°
- FF0044
Cherry Soda
- 00A27E
≈ Sport Green
- 0097C7
≈ UV Light
Tetrada +90° +180° +270°
- FF0044
Cherry Soda
- 909000
≈ Old Asparagus
- 009DA3
≈ Turkish Boy
- 8D69FF
≈ Purple Anemone
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.93:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.33:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.33:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--cherry-soda: #ff0044;
--cherry-soda-rgb: 255 0 68;
--cherry-soda-oklch: oklch(0.633 0.254 19.9);
}
.element {
color: var(--cherry-soda);
background-color: hsl(344 100% 50%);
border-color: oklch(0.633 0.254 19.9);
}Tailwind CSS v4
@theme {
--color-cherry-soda: #ff0044;
--color-cherry-soda-50: #ffd8d5;
--color-cherry-soda-100: #ffc5c2;
--color-cherry-soda-200: #ffa5a3;
--color-cherry-soda-300: #ff777b;
--color-cherry-soda-400: #ff425c;
--color-cherry-soda-500: #ff0037;
--color-cherry-soda-600: #db0030;
--color-cherry-soda-700: #b10026;
--color-cherry-soda-800: #84001e;
--color-cherry-soda-900: #5e0014;
--color-cherry-soda-950: #3f0006;
}SCSS
$cherry-soda: #ff0044;
$cherry-soda-rgb: 255, 0, 68;
$cherry-soda-light: mix(#fff, $cherry-soda, 20%);
$cherry-soda-dark: mix(#000, $cherry-soda, 20%);
.element {
color: $cherry-soda;
box-shadow: 0 0 0 2px rgba($cherry-soda, 0.35);
}