Najbliższy nazwany kolor · #F790B2
#F790B2
Najbliższy nazwany kolor: Rock’n’Rose
#F790B2 (rgb(247 144 178), hsl(340 87% 77%), oklch(0.771 0.13 359.4)) jest najbliższy nazwanemu kolorowi Rock’n’Rose. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#F790B2
oklch(0.771 0.13 359.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F99BB9
- FBA7C1
- FCB2C9
- FEBDD0
- FFC8D8
- FFD3E0
- FFDEE7
- FFE9EF
- FFF4F7
Odcienie ciemniejsze
- D77D9A
- B76A83
- 99576D
- 7C4557
- 603443
- 45242F
- 2C151D
- 15070C
- 030101
Tony
- EB8FAD
- E08EA8
- D48DA3
- C88B9E
- BC8A99
- B08894
- A5868F
- 99848A
- 8C8285
Harmonie kolorów
Komplementarna +180°
- F790B2
Rock’n’Rose
- 33CFB7
≈ Exquisite Turquoise
Analogowa -30° +30°
- F790B2
Rock’n’Rose
- E295DD
≈ Love Dust
- FC9383
≈ Adobe Avenue
Triada +120° +240°
- F790B2
Rock’n’Rose
- ABC05B
≈ Middle Green Yellow
- 5CBFFE
≈ Hello Summer
Komplementarna rozszczepiona +150° +210°
- F790B2
Rock’n’Rose
- 74CC87
≈ Serengeti Green
- 1BCBE1
≈ Picnic Day Sky
Tetrada +90° +180° +270°
- F790B2
Rock’n’Rose
- D5B046
≈ Ceylon Yellow
- 33CFB7
≈ Exquisite Turquoise
- 97B1FF
≈ Widowmaker
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.19:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.58:1 · APCA Lc 59
Najlepszy kolor tekstu: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmenty kodu
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);
}