Benannte Farbe · #F38653
Crusta
Crusta ist #F38653: rgb(243 134 83), hsl(19 87% 64%), oklch(0.73 0.149 44.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Crusta color name →
#F38653
oklch(0.73 0.149 44.7)
Farbumrechnungen
- HEX
- #f38653
- RGB
- rgb(243 134 83)
- HSL
- hsl(19 87% 64%)
- HWB
- hwb(19 33% 5%)
- OKLCH
- oklch(0.73 0.149 44.7)
- OKLab
- oklab(0.73 0.106 0.105)
- CIE Lab
- lab(67.69 39.61 46.19)
- LCH
- lch(67.69 60.85 49.4)
- CMYK
- cmyk(0% 45% 66% 5%)
Tints · Shades · Tones
Tints
- F69366
- F89F78
- FAAC89
- FCB89A
- FDC4AB
- FED0BC
- FFDCCC
- FFE7DD
- FFF3EE
Shades
- D37447
- B4623B
- 975130
- 7A4025
- 5E301B
- 442111
- 2B1308
- 140602
- 030100
Tones
- E88659
- DD865F
- D18665
- C68669
- BB856E
- AF8572
- A48476
- 988379
- 8C817D
Farbharmonien
Komplementär +180°
- F38653
Crusta
- 00B9E8
≈ Cyanite
Analog -30° +30°
- F38653
Crusta
- F67D8A
≈ Momo Peach
- DE9819
≈ Tiger King
Triadisch +120° +240°
- F38653
Crusta
- 1EC490
≈ Píng Gǔo Lǜ Green
- 9F99FF
≈ Cobalite
Geteilt komplementär +150° +210°
- F38653
Crusta
- 00C0C0
≈ Cala Benirrás Blue
- 66AAFF
≈ Âbi Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.51:1 · APCA Lc 49
Ag
AAAAuf Schwarz
WCAG 8.34:1 · APCA Lc 53
Beste Textfarbe: #000000
WCAG 8.34:1 (AAA) · APCA Lc 53
Contrast pairs
Code-Snippets
CSS
:root {
--crusta: #f38653;
--crusta-rgb: 243 134 83;
--crusta-oklch: oklch(0.73 0.149 44.7);
}
.element {
color: var(--crusta);
background-color: hsl(19 87% 64%);
border-color: oklch(0.73 0.149 44.7);
}Tailwind CSS v4
@theme {
--color-crusta: #f38653;
--color-crusta-50: #ffe9d2;
--color-crusta-100: #ffd9be;
--color-crusta-200: #ffc19e;
--color-crusta-300: #f69f74;
--color-crusta-400: #e57f4f;
--color-crusta-500: #d35e1f;
--color-crusta-600: #b2511d;
--color-crusta-700: #8f4017;
--color-crusta-800: #6b2d11;
--color-crusta-900: #4b1f0b;
--color-crusta-950: #310e01;
}SCSS
$crusta: #f38653;
$crusta-rgb: 243, 134, 83;
$crusta-light: mix(#fff, $crusta, 20%);
$crusta-dark: mix(#000, $crusta, 20%);
.element {
color: $crusta;
box-shadow: 0 0 0 2px rgba($crusta, 0.35);
}