Warna bernama terdekat · #FB93B0
#FB93B0
Warna bernama terdekat: Rock’n’Rose
#FB93B0 (rgb(251 147 176), hsl(343 93% 78%), oklch(0.78 0.129 2.6)) paling mendekati warna bernama Rock’n’Rose. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#FB93B0
oklch(0.78 0.129 2.6)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- FD9EB8
- FEA9BF
- FFB4C7
- FFBFCF
- FFCAD7
- FFD4DF
- FFDFE7
- FFEAEF
- FFF4F7
Shade
- DA7F99
- BA6C82
- 9C596C
- 7E4756
- 613642
- 46252E
- 2D161C
- 15080B
- 030101
Tone
- EF92AB
- E390A6
- D68FA1
- CA8D9C
- BE8B98
- B28993
- A6878E
- 998589
- 8D8285
Harmoni warna
Komplementer +180°
- FB93B0
Rock’n’Rose
- 34D2BE
≈ Bianchi Green
Analog -30° +30°
- FB93B0
Rock’n’Rose
- E898DB
≈ Love Dust
- FF9782
≈ Orange Aura
Triadik +120° +240°
- FB93B0
Rock’n’Rose
- A9C563
≈ Green Peridot
- 6BC0FF
≈ Maya Blue
Split-komplementer +150° +210°
- FB93B0
Rock’n’Rose
- 71CF8F
≈ Serengeti Green
- 2BCCE8
≈ Picnic Day Sky
Tetradik +90° +180° +270°
- FB93B0
Rock’n’Rose
- D4B54B
≈ Farm Straw
- 34D2BE
≈ Bianchi Green
- 9FB3FF
≈ Wondrous Wisteria
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.12:1 · APCA Lc 41
Ag
AAADi atas hitam
WCAG 9.90:1 · APCA Lc 61
Warna teks terbaik: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
Cuplikan kode
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);
}