En yakın adlandırılmış renk · #FB93B0
#FB93B0
En yakın adlandırılmış renk: Rock’n’Rose
#FB93B0 (rgb(251 147 176), hsl(343 93% 78%), oklch(0.78 0.129 2.6)) 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.
#FB93B0
oklch(0.78 0.129 2.6)
Renk dönüşümleri
- HEX
- #fb93b0
- RGB
- rgb(251 147 176)
- HSL
- hsl(343 93% 78%)
- HWB
- hwb(343 58% 2%)
- OKLCH
- oklch(0.78 0.129 2.6)
- OKLab
- oklab(0.78 0.129 0.006)
- CIE Lab
- lab(72.9 42.52 2.75)
- LCH
- lch(72.9 42.61 3.7)
- CMYK
- cmyk(0% 41% 30% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FD9EB8
- FEA9BF
- FFB4C7
- FFBFCF
- FFCAD7
- FFD4DF
- FFDFE7
- FFEAEF
- FFF4F7
Koyu tonlar
- DA7F99
- BA6C82
- 9C596C
- 7E4756
- 613642
- 46252E
- 2D161C
- 15080B
- 030101
Gri tonlar
- EF92AB
- E390A6
- D68FA1
- CA8D9C
- BE8B98
- B28993
- A6878E
- 998589
- 8D8285
Renk uyumları
Tamamlayıcı +180°
- FB93B0
Rock’n’Rose
- 34D2BE
≈ Bianchi Green
Analog -30° +30°
- FB93B0
Rock’n’Rose
- E898DB
≈ Love Dust
- FF9782
≈ Orange Aura
Üçlü +120° +240°
- FB93B0
Rock’n’Rose
- A9C563
≈ Green Peridot
- 6BC0FF
≈ Maya Blue
Bölünmüş tamamlayıcı +150° +210°
- FB93B0
Rock’n’Rose
- 71CF8F
≈ Serengeti Green
- 2BCCE8
≈ Picnic Day Sky
Dörtlü +90° +180° +270°
- FB93B0
Rock’n’Rose
- D4B54B
≈ Farm Straw
- 34D2BE
≈ Bianchi Green
- 9FB3FF
≈ Wondrous Wisteria
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.12:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 9.90:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--rock-n-rose: #fb93b0;
--rock-n-rose-rgb: 251 147 176;
--rock-n-rose-oklch: oklch(0.78 0.129 2.6);
}
.element {
color: var(--rock-n-rose);
background-color: hsl(343 93% 78%);
border-color: oklch(0.78 0.129 2.6);
}Tailwind CSS v4
@theme {
--color-rock-n-rose: #fb93b0;
--color-rock-n-rose-50: #ffe7f0;
--color-rock-n-rose-100: #ffd7e2;
--color-rock-n-rose-200: #ffbecd;
--color-rock-n-rose-300: #f09baf;
--color-rock-n-rose-400: #dc7c98;
--color-rock-n-rose-500: #c95d7f;
--color-rock-n-rose-600: #aa4f6b;
--color-rock-n-rose-700: #893f56;
--color-rock-n-rose-800: #652d40;
--color-rock-n-rose-900: #471e2c;
--color-rock-n-rose-950: #2e0e19;
}SCSS
$rock-n-rose: #fb93b0;
$rock-n-rose-rgb: 251, 147, 176;
$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);
}