Najbliższy nazwany kolor · #F3958A
#F3958A
Najbliższy nazwany kolor: Vinaceous
#F3958A (rgb(243 149 138), hsl(6 81% 75%), oklch(0.764 0.115 27.2)) jest najbliższy nazwanemu kolorowi Vinaceous. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#F3958A
oklch(0.764 0.115 27.2)
Konwersje koloru
- HEX
- #f3958a
- RGB
- rgb(243 149 138)
- HSL
- hsl(6 81% 75%)
- HWB
- hwb(6 54% 5%)
- OKLCH
- oklch(0.764 0.115 27.2)
- OKLab
- oklab(0.764 0.103 0.053)
- CIE Lab
- lab(71.57 35.4 21.65)
- LCH
- lch(71.57 41.5 31.4)
- CMYK
- cmyk(0% 39% 43% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F5A095
- F7ABA1
- F9B5AC
- FBC0B8
- FCCAC4
- FDD5CF
- FEDFDB
- FFEAE7
- FFF4F3
Odcienie ciemniejsze
- D38177
- B46D65
- 975A53
- 7A4842
- 5E3732
- 442622
- 2B1614
- 140807
- 030101
Tony
- E89389
- DC9288
- D19088
- C68E87
- BA8C86
- AF8A85
- A38784
- 988582
- 8C8381
Harmonie kolorów
Komplementarna +180°
- F3958A
Vinaceous
- 3FC7D8
≈ Sea Serpent
Analogowa -30° +30°
- F3958A
Vinaceous
- ED93B3
≈ Illusion
- EA9F66
≈ Florida Mango
Triada +120° +240°
- F3958A
Vinaceous
- 7FC687
≈ Jolt of Green
- 92B0FC
≈ Kitten’s Eye
Komplementarna rozszczepiona +150° +210°
- F3958A
Vinaceous
- 4FCAB1
≈ Kauai
- 64BDF3
≈ Blue Mana
Tetrada +90° +180° +270°
- F3958A
Vinaceous
- ADBC63
≈ Light Olive
- 3FC7D8
≈ Sea Serpent
- BAA2F3
≈ Lavender Cream
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.21:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.47:1 · APCA Lc 59
Najlepszy kolor tekstu: #000000
WCAG 9.47:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmenty kodu
CSS
:root {
--vinaceous: #f3958a;
--vinaceous-rgb: 243 149 138;
--vinaceous-oklch: oklch(0.764 0.115 27.2);
}
.element {
color: var(--vinaceous);
background-color: hsl(6 81% 75%);
border-color: oklch(0.764 0.115 27.2);
}Tailwind CSS v4
@theme {
--color-vinaceous: #f3958a;
--color-vinaceous-50: #ffeae2;
--color-vinaceous-100: #ffdad2;
--color-vinaceous-200: #ffc2b8;
--color-vinaceous-300: #eda195;
--color-vinaceous-400: #da8379;
--color-vinaceous-500: #c7655b;
--color-vinaceous-600: #a8564e;
--color-vinaceous-700: #87453e;
--color-vinaceous-800: #64312d;
--color-vinaceous-900: #47211f;
--color-vinaceous-950: #2e100f;
}SCSS
$vinaceous: #f3958a;
$vinaceous-rgb: 243, 149, 138;
$vinaceous-light: mix(#fff, $vinaceous, 20%);
$vinaceous-dark: mix(#000, $vinaceous, 20%);
.element {
color: $vinaceous;
box-shadow: 0 0 0 2px rgba($vinaceous, 0.35);
}