Nächste benannte Farbe · #F790B2
#F790B2
Nächste benannte Farbe: Rock’n’Rose
#F790B2 (rgb(247 144 178), hsl(340 87% 77%), oklch(0.771 0.13 359.4)) liegt am nächsten an der benannten Farbe Rock’n’Rose. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#F790B2
oklch(0.771 0.13 359.4)
Farbumrechnungen
- HEX
- #f790b2
- RGB
- rgb(247 144 178)
- HSL
- hsl(340 87% 77%)
- HWB
- hwb(340 56% 3%)
- OKLCH
- oklch(0.771 0.13 359.4)
- OKLab
- oklab(0.771 0.13 -0.001)
- CIE Lab
- lab(71.82 42.74 0.01)
- LCH
- lch(71.82 42.74 0)
- CMYK
- cmyk(0% 42% 28% 3%)
Tints · Shades · Tones
Tints
- F99BB9
- FBA7C1
- FCB2C9
- FEBDD0
- FFC8D8
- FFD3E0
- FFDEE7
- FFE9EF
- FFF4F7
Shades
- D77D9A
- B76A83
- 99576D
- 7C4557
- 603443
- 45242F
- 2C151D
- 15070C
- 030101
Tones
- EB8FAD
- E08EA8
- D48DA3
- C88B9E
- BC8A99
- B08894
- A5868F
- 99848A
- 8C8285
Farbharmonien
Komplementär +180°
- F790B2
Rock’n’Rose
- 33CFB7
≈ Exquisite Turquoise
Analog -30° +30°
- F790B2
Rock’n’Rose
- E295DD
≈ Love Dust
- FC9383
≈ Adobe Avenue
Triadisch +120° +240°
- F790B2
Rock’n’Rose
- ABC05B
≈ Middle Green Yellow
- 5CBFFE
≈ Hello Summer
Geteilt komplementär +150° +210°
- F790B2
Rock’n’Rose
- 74CC87
≈ Serengeti Green
- 1BCBE1
≈ Picnic Day Sky
Tetradisch +90° +180° +270°
- F790B2
Rock’n’Rose
- D5B046
≈ Ceylon Yellow
- 33CFB7
≈ Exquisite Turquoise
- 97B1FF
≈ Widowmaker
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.19:1 · APCA Lc 43
Ag
AAAAuf Schwarz
WCAG 9.58:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--rock-n-rose: #f790b2;
--rock-n-rose-rgb: 247 144 178;
--rock-n-rose-oklch: oklch(0.771 0.13 359.4);
}
.element {
color: var(--rock-n-rose);
background-color: hsl(340 87% 77%);
border-color: oklch(0.771 0.13 359.4);
}Tailwind CSS v4
@theme {
--color-rock-n-rose: #f790b2;
--color-rock-n-rose-50: #ffe6f2;
--color-rock-n-rose-100: #ffd7e5;
--color-rock-n-rose-200: #ffbed0;
--color-rock-n-rose-300: #ef9bb3;
--color-rock-n-rose-400: #dc7c9c;
--color-rock-n-rose-500: #c85d83;
--color-rock-n-rose-600: #a94f6f;
--color-rock-n-rose-700: #883f59;
--color-rock-n-rose-800: #652d43;
--color-rock-n-rose-900: #471e2e;
--color-rock-n-rose-950: #2e0e1b;
}SCSS
$rock-n-rose: #f790b2;
$rock-n-rose-rgb: 247, 144, 178;
$rock-n-rose-light: mix(#fff, $rock-n-rose, 20%);
$rock-n-rose-dark: mix(#000, $rock-n-rose, 20%);
.element {
color: $rock-n-rose;
box-shadow: 0 0 0 2px rgba($rock-n-rose, 0.35);
}