Benannte Farbe · #C30232
Pomodoro
Pomodoro ist #C30232: rgb(195 2 50), hsl(345 98% 39%), oklch(0.518 0.207 19.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Pomodoro color name →
#C30232
oklch(0.518 0.207 19.9)
Farbumrechnungen
- HEX
- #c30232
- RGB
- rgb(195 2 50)
- HSL
- hsl(345 98% 39%)
- HWB
- hwb(345 1% 24%)
- OKLCH
- oklch(0.518 0.207 19.9)
- OKLab
- oklab(0.518 0.195 0.071)
- CIE Lab
- lab(41.81 66.53 33.1)
- LCH
- lch(41.81 74.31 26.5)
- CMYK
- cmyk(0% 99% 74% 24%)
Tints · Shades · Tones
Tints
- CD3646
- D5525A
- DD6A6D
- E58081
- EB9695
- F1ABAA
- F6C0BF
- FAD5D4
- FDEAE9
Shades
- A9012A
- 900122
- 78011B
- 600014
- 4A000D
- 340007
- 200003
- 0E0001
- 020000
Tones
- BE263B
- B93743
- B4454B
- AE5053
- A8595B
- A26262
- 9A6A6A
- 937271
- 8A7979
Farbharmonien
Komplementär +180°
- C30232
Pomodoro
- 00777C
≈ Hypnotic Sea
Analog -30° +30°
- C30232
Pomodoro
- B61279
≈ King’s Plum Pie
- A44B00
≈ Pepperoni
Triadisch +120° +240°
- C30232
Pomodoro
- 247D00
≈ Napier Green
- 045EDC
≈ Chun-Li Blue
Geteilt komplementär +150° +210°
- C30232
Pomodoro
- 007B5F
≈ Emerald Dream
- 007298
≈ Tofino Belue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.22:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.37:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 6.22:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--pomodoro: #c30232;
--pomodoro-rgb: 195 2 50;
--pomodoro-oklch: oklch(0.518 0.207 19.9);
}
.element {
color: var(--pomodoro);
background-color: hsl(345 98% 39%);
border-color: oklch(0.518 0.207 19.9);
}Tailwind CSS v4
@theme {
--color-pomodoro: #c30232;
--color-pomodoro-50: #ffdedb;
--color-pomodoro-100: #ffcdc9;
--color-pomodoro-200: #ffafac;
--color-pomodoro-300: #ff8787;
--color-pomodoro-400: #ff5f6a;
--color-pomodoro-500: #f02a49;
--color-pomodoro-600: #cb273e;
--color-pomodoro-700: #a32032;
--color-pomodoro-800: #7a1426;
--color-pomodoro-900: #560e19;
--color-pomodoro-950: #3a000a;
}SCSS
$pomodoro: #c30232;
$pomodoro-rgb: 195, 2, 50;
$pomodoro-light: mix(#fff, $pomodoro, 20%);
$pomodoro-dark: mix(#000, $pomodoro, 20%);
.element {
color: $pomodoro;
box-shadow: 0 0 0 2px rgba($pomodoro, 0.35);
}