Warna bernama · #7F726B
Flipper
Flipper adalah #7F726B: rgb(127 114 107), hsl(21 9% 46%), oklch(0.562 0.019 50.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Flipper color name →
#7F726B
oklch(0.562 0.019 50.2)
Konversi warna
- HEX
- #7f726b
- RGB
- rgb(127 114 107)
- HSL
- hsl(21 9% 46%)
- HWB
- hwb(21 42% 50%)
- OKLCH
- oklch(0.562 0.019 50.2)
- OKLab
- oklab(0.562 0.012 0.015)
- CIE Lab
- lab(49.1 4.29 5.83)
- LCH
- lch(49.1 7.24 53.6)
- CMYK
- cmyk(0% 10% 16% 50%)
Tint · Shade · Tone
Tint
- 8B7F79
- 978D87
- A49A95
- B0A8A3
- BDB6B2
- CAC4C1
- D7D3D0
- E4E1E0
- F2F0EF
Shade
- 6E625C
- 5D534E
- 4C443F
- 3C3632
- 2D2825
- 1F1B18
- 110E0D
- 060404
- 010100
Tone
- 7F736D
- 7F756F
- 7F7671
- 807873
- 807975
- 807A78
- 807C7A
- 807D7C
- 807F7E
Harmoni warna
Komplementer +180°
- 7F726B
Flipper
- 6A777E
≈ Sheffield Grey
Analog -30° +30°
- 7F726B
Flipper
- 807170
≈ Noble Robe
- 7B7468
≈ Aumbry
Triadik +120° +240°
- 7F726B
Flipper
- 6A7973
≈ Victorian Tapestry
- 757380
≈ Pearl Blackberry
Split-komplementer +150° +210°
- 7F726B
Flipper
- 68797A
≈ Trade Secret
- 6E7581
≈ Overlook
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 4.64:1 · APCA Lc 72
Ag
AADi atas hitam
WCAG 4.52:1 · APCA Lc 29
Warna teks terbaik: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 72
Contrast pairs
Cuplikan kode
CSS
:root {
--flipper: #7f726b;
--flipper-rgb: 127 114 107;
--flipper-oklch: oklch(0.562 0.019 50.2);
}
.element {
color: var(--flipper);
background-color: hsl(21 9% 46%);
border-color: oklch(0.562 0.019 50.2);
}Tailwind CSS v4
@theme {
--color-flipper: #7f726b;
--color-flipper-50: #faf4f0;
--color-flipper-100: #ede6e2;
--color-flipper-200: #dbd2cd;
--color-flipper-300: #c0b5ae;
--color-flipper-400: #a89b94;
--color-flipper-500: #91837b;
--color-flipper-600: #7b6f68;
--color-flipper-700: #625853;
--color-flipper-800: #48403d;
--color-flipper-900: #322c2a;
--color-flipper-950: #1e1a17;
}SCSS
$flipper: #7f726b;
$flipper-rgb: 127, 114, 107;
$flipper-light: mix(#fff, $flipper, 20%);
$flipper-dark: mix(#000, $flipper, 20%);
.element {
color: $flipper;
box-shadow: 0 0 0 2px rgba($flipper, 0.35);
}