Benannte Farbe · #F7A082
Tropical Paradise
Tropical Paradise ist #F7A082: rgb(247 160 130), hsl(15 88% 74%), oklch(0.786 0.112 39.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Tropical Paradise color name →
#F7A082
oklch(0.786 0.112 39.8)
Farbumrechnungen
- HEX
- #f7a082
- RGB
- rgb(247 160 130)
- HSL
- hsl(15 88% 74%)
- HWB
- hwb(15 51% 3%)
- OKLCH
- oklch(0.786 0.112 39.8)
- OKLab
- oklab(0.786 0.086 0.072)
- CIE Lab
- lab(74.35 30.9 29.74)
- LCH
- lch(74.35 42.89 43.9)
- CMYK
- cmyk(0% 35% 47% 3%)
Tints · Shades · Tones
Tints
- F9AA8F
- FAB39B
- FCBDA7
- FDC7B4
- FED0C0
- FED9CD
- FFE3D9
- FFECE6
- FFF6F2
Shades
- D78B70
- B7765F
- 99614E
- 7C4E3E
- 603B2F
- 452920
- 2C1912
- 150906
- 030101
Tones
- EB9D82
- DF9A82
- D39783
- C79482
- BC9182
- B08E82
- A48A82
- 988781
- 8C8481
Farbharmonien
Komplementär +180°
- F7A082
Tropical Paradise
- 57CAEB
≈ Candid Blue
Analog -30° +30°
- F7A082
Tropical Paradise
- F79AA9
≈ Flower Girl
- E8AC65
≈ Gilt Trip
Triadisch +120° +240°
- F7A082
Tropical Paradise
- 74CFA0
≈ Jocose Jade
- ABB1FF
≈ Winterspring Lilac
Geteilt komplementär +150° +210°
- F7A082
Tropical Paradise
- 50D0C9
≈ Medium Turquoise
- 80BFFF
≈ Scenic Water
Tetradisch +90° +180° +270°
- F7A082
Tropical Paradise
- A2C879
≈ Fiddle-Leaf Fig
- 57CAEB
≈ Candid Blue
- CFA5EF
≈ Bright Ube
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.03:1 · APCA Lc 39
Ag
AAAAuf Schwarz
WCAG 10.30:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.30:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--tropical-paradise: #f7a082;
--tropical-paradise-rgb: 247 160 130;
--tropical-paradise-oklch: oklch(0.786 0.112 39.8);
}
.element {
color: var(--tropical-paradise);
background-color: hsl(15 88% 74%);
border-color: oklch(0.786 0.112 39.8);
}Tailwind CSS v4
@theme {
--color-tropical-paradise: #f7a082;
--color-tropical-paradise-50: #ffebdd;
--color-tropical-paradise-100: #ffdccb;
--color-tropical-paradise-200: #ffc5af;
--color-tropical-paradise-300: #e9a58a;
--color-tropical-paradise-400: #d7876b;
--color-tropical-paradise-500: #c46a4a;
--color-tropical-paradise-600: #a55a3f;
--color-tropical-paradise-700: #854832;
--color-tropical-paradise-800: #633325;
--color-tropical-paradise-900: #452318;
--color-tropical-paradise-950: #2d1209;
}SCSS
$tropical-paradise: #f7a082;
$tropical-paradise-rgb: 247, 160, 130;
$tropical-paradise-light: mix(#fff, $tropical-paradise, 20%);
$tropical-paradise-dark: mix(#000, $tropical-paradise, 20%);
.element {
color: $tropical-paradise;
box-shadow: 0 0 0 2px rgba($tropical-paradise, 0.35);
}