Nächste benannte Farbe · #FF97B7
#FF97B7
Nächste benannte Farbe: Rock’n’Rose
#FF97B7 (rgb(255 151 183), hsl(342 100% 80%), oklch(0.793 0.129 0.7)) 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.
#FF97B7
oklch(0.793 0.129 0.7)
Farbumrechnungen
- HEX
- #ff97b7
- RGB
- rgb(255 151 183)
- HSL
- hsl(342 100% 80%)
- HWB
- hwb(342 59% 0%)
- OKLCH
- oklch(0.793 0.129 0.7)
- OKLab
- oklab(0.793 0.129 0.002)
- CIE Lab
- lab(74.38 42.66 1.1)
- LCH
- lch(74.38 42.67 1.5)
- CMYK
- cmyk(0% 41% 28% 0%)
Tints · Shades · Tones
Tints
- FFA2BE
- FFACC5
- FFB7CC
- FFC1D3
- FFCCDA
- FFD6E2
- FFE0E9
- FFEBF0
- FFF5F8
Shades
- DE839F
- BE6F87
- 9E5C70
- 80495A
- 633745
- 482631
- 2E171E
- 16080C
- 030102
Tones
- F295B1
- E693AC
- D991A6
- CD8FA1
- C08D9B
- B38B96
- A78890
- 9A868B
- 8D8385
Farbharmonien
Komplementär +180°
- FF97B7
Rock’n’Rose
- 3DD6C0
≈ Turquoise Panic
Analog -30° +30°
- FF97B7
Rock’n’Rose
- EB9CE2
≈ Love Dust
- FF9E8C
≈ Tangerine Cream
Triadisch +120° +240°
- FF97B7
Rock’n’Rose
- B0C864
≈ Green Glow
- 72C5FF
≈ Maya Blue
Geteilt komplementär +150° +210°
- FF97B7
Rock’n’Rose
- 79D390
≈ Jube Green
- 2FD1EA
≈ Picnic Day Sky
Tetradisch +90° +180° +270°
- FF97B7
Rock’n’Rose
- DBB84E
≈ Golden Bass
- 3DD6C0
≈ Turquoise Panic
- A2B8FF
≈ Truesky Gloxym
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.02:1 · APCA Lc 39
Ag
AAAAuf Schwarz
WCAG 10.36:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.36:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--rock-n-rose: #ff97b7;
--rock-n-rose-rgb: 255 151 183;
--rock-n-rose-oklch: oklch(0.793 0.129 0.7);
}
.element {
color: var(--rock-n-rose);
background-color: hsl(342 100% 80%);
border-color: oklch(0.793 0.129 0.7);
}Tailwind CSS v4
@theme {
--color-rock-n-rose: #ff97b7;
--color-rock-n-rose-50: #ffe7f2;
--color-rock-n-rose-100: #ffd7e4;
--color-rock-n-rose-200: #ffbecf;
--color-rock-n-rose-300: #ef9bb1;
--color-rock-n-rose-400: #dc7c9a;
--color-rock-n-rose-500: #c95d82;
--color-rock-n-rose-600: #aa4f6e;
--color-rock-n-rose-700: #883f58;
--color-rock-n-rose-800: #652d42;
--color-rock-n-rose-900: #471e2d;
--color-rock-n-rose-950: #2e0e1a;
}SCSS
$rock-n-rose: #ff97b7;
$rock-n-rose-rgb: 255, 151, 183;
$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);
}