Warna bernama terdekat · #F0747A
#F0747A
Warna bernama terdekat: Pastrami
#F0747A (rgb(240 116 122), hsl(357 81% 70%), oklch(0.706 0.153 18.8)) paling mendekati warna bernama Pastrami. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#F0747A
oklch(0.706 0.153 18.8)
Konversi warna
- HEX
- #f0747a
- RGB
- rgb(240 116 122)
- HSL
- hsl(357 81% 70%)
- HWB
- hwb(357 45% 6%)
- OKLCH
- oklch(0.706 0.153 18.8)
- OKLab
- oklab(0.706 0.145 0.049)
- CIE Lab
- lab(64.23 49.08 20.65)
- LCH
- lch(64.23 53.25 22.8)
- CMYK
- cmyk(0% 52% 49% 6%)
Tint · Shade · Tone
Tint
- F38387
- F69194
- F99FA1
- FBADAE
- FDBBBB
- FEC9C8
- FFD6D6
- FFE4E3
- FFF1F1
Shade
- D16469
- B25459
- 954549
- 78373A
- 5D292B
- 431B1D
- 2A0F10
- 140505
- 030101
Tone
- E5767B
- DB797C
- D07A7C
- C57C7D
- BA7D7E
- AF7E7E
- A47F7F
- 987F7F
- 8C8080
Harmoni warna
Komplementer +180°
- F0747A
Pastrami
- 00B6BC
≈ Cyan Sky
Analog -30° +30°
- F0747A
Pastrami
- E475AF
≈ Amaranth
- EA7F3F
≈ Pizazz
Triadik +120° +240°
- F0747A
Pastrami
- 6BB654
≈ Pure Apple
- 63A0FE
≈ Âbi Blue
Split-komplementer +150° +210°
- F0747A
Pastrami
- 00BC90
≈ Vegan
- 00AFE4
≈ Royal Peacock
Tetradik +90° +180° +270°
- F0747A
Pastrami
- A9A700
≈ Honey and Thyme
- 00B6BC
≈ Cyan Sky
- 9E8EF9
≈ Cobalite
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.80:1 · APCA Lc 53
Ag
AAADi atas hitam
WCAG 7.48:1 · APCA Lc 48
Warna teks terbaik: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Cuplikan kode
CSS
:root {
--pastrami: #f0747a;
--pastrami-rgb: 240 116 122;
--pastrami-oklch: oklch(0.706 0.153 18.8);
}
.element {
color: var(--pastrami);
background-color: hsl(357 81% 70%);
border-color: oklch(0.706 0.153 18.8);
}Tailwind CSS v4
@theme {
--color-pastrami: #f0747a;
--color-pastrami-50: #ffe5e2;
--color-pastrami-100: #ffd4d2;
--color-pastrami-200: #ffbab8;
--color-pastrami-300: #fc9796;
--color-pastrami-400: #eb757a;
--color-pastrami-500: #d8525d;
--color-pastrami-600: #b7474f;
--color-pastrami-700: #93383f;
--color-pastrami-800: #6d282f;
--color-pastrami-900: #4d1b20;
--color-pastrami-950: #330a0f;
}SCSS
$pastrami: #f0747a;
$pastrami-rgb: 240, 116, 122;
$pastrami-light: mix(#fff, $pastrami, 20%);
$pastrami-dark: mix(#000, $pastrami, 20%);
.element {
color: $pastrami;
box-shadow: 0 0 0 2px rgba($pastrami, 0.35);
}