En yakın adlandırılmış renk · #F797B5
#F797B5
En yakın adlandırılmış renk: Rock’n’Rose
#F797B5 (rgb(247 151 181), hsl(341 86% 78%), oklch(0.783 0.12 0.1)) en çok Rock’n’Rose adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#F797B5
oklch(0.783 0.12 0.1)
Renk dönüşümleri
- HEX
- #f797b5
- RGB
- rgb(247 151 181)
- HSL
- hsl(341 86% 78%)
- HWB
- hwb(341 59% 3%)
- OKLCH
- oklch(0.783 0.12 0.1)
- OKLab
- oklab(0.783 0.12 0)
- CIE Lab
- lab(73.34 39.61 0.54)
- LCH
- lch(73.34 39.61 0.8)
- CMYK
- cmyk(0% 39% 27% 3%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F9A2BC
- FBACC3
- FCB7CB
- FDC1D2
- FECBD9
- FFD6E1
- FFE0E8
- FFEAF0
- FFF5F7
Koyu tonlar
- D7839D
- B76F86
- 995C6F
- 7C4959
- 603744
- 452630
- 2C171D
- 15080C
- 030102
Gri tonlar
- EB95B0
- DF93AA
- D491A5
- C88F9F
- BC8D9A
- B08A95
- A48890
- 98858A
- 8C8385
Renk uyumları
Tamamlayıcı +180°
- F797B5
Rock’n’Rose
- 4CD1BB
≈ Sweet Garden
Analog -30° +30°
- F797B5
Rock’n’Rose
- E49CDD
≈ Herb Robert
- FC9A8A
≈ Chilly Spice
Üçlü +120° +240°
- F797B5
Rock’n’Rose
- AEC468
≈ Old Lime
- 6AC2FD
≈ Maya Blue
Bölünmüş tamamlayıcı +150° +210°
- F797B5
Rock’n’Rose
- 7DCE8F
≈ Serengeti Green
- 40CDE3
≈ Watercourse
Dörtlü +90° +180° +270°
- F797B5
Rock’n’Rose
- D6B556
≈ Luxurious
- 4CD1BB
≈ Sweet Garden
- 9DB5FF
≈ Truesky Gloxym
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.08:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 10.04:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.04:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--rock-n-rose: #f797b5;
--rock-n-rose-rgb: 247 151 181;
--rock-n-rose-oklch: oklch(0.783 0.12 0.1);
}
.element {
color: var(--rock-n-rose);
background-color: hsl(341 86% 78%);
border-color: oklch(0.783 0.12 0.1);
}Tailwind CSS v4
@theme {
--color-rock-n-rose: #f797b5;
--color-rock-n-rose-50: #ffe8f2;
--color-rock-n-rose-100: #ffd8e5;
--color-rock-n-rose-200: #ffbfd0;
--color-rock-n-rose-300: #eb9eb2;
--color-rock-n-rose-400: #d87f9b;
--color-rock-n-rose-500: #c46183;
--color-rock-n-rose-600: #a6526f;
--color-rock-n-rose-700: #854258;
--color-rock-n-rose-800: #632f42;
--color-rock-n-rose-900: #45202e;
--color-rock-n-rose-950: #2d0f1a;
}SCSS
$rock-n-rose: #f797b5;
$rock-n-rose-rgb: 247, 151, 181;
$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);
}