Dibuat di 07/24/2025 13:25
React Dashboard Flow System
Component Indigo
#3c4cad
Hooks Apricot
#ffbe9f
Payload Lime
#d4ff4d
UI Drift White
#f9f9fa
Redux Black
#1d1d1d
Tree Graph Pink
#ff5ca2
Async Smoke
#e0e0e3
Palet terdiri dari Lampu, Gelap warna. Warna aksen Component Indigo #3c4cad Dan Payload Lime #d4ff4d. Palet memiliki suhu warna Dingin, Hangat, Netral.
Palette React Dashboard Flow System memiliki kombinasi warna kode 7:
HEX: #3c4cad, RGB: (60, 76, 173); HEX: #ffbe9f, RGB: (255, 190, 159); HEX: #d4ff4d, RGB: (212, 255, 77)
HEX: #f9f9fa, RGB: (249, 249, 250); HEX: #1d1d1d, RGB: (29, 29, 29); HEX: #ff5ca2, RGB: (255, 92, 162)
HEX: #e0e0e3, RGB: (224, 224, 227)
Versi warna palet yang disederhanakan
Bayangan dari darkslateblue, Bayangan dari lightsalmon, Bayangan dari greenyellow, Bayangan dari whitesmoke, Bayangan dari Hitam, Warna dari hotpink, Bayangan dari gainsboro
Skema warna diciptakan oleh raccoon
Kode warna dalam palet
React Dashboard Flow System kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #3c4cad | #3c4cad | RGB(60, 76, 173) | Component Indigo | — |
| #ffbe9f | #ffbe9f | RGB(255, 190, 159) | Hooks Apricot | — |
| #d4ff4d | #d4ff4d | RGB(212, 255, 77) | Payload Lime | — |
| #f9f9fa | #f9f9fa | RGB(249, 249, 250) | UI Drift White | — |
| #1d1d1d | #1d1d1d | RGB(29, 29, 29) | Redux Black | — |
| #ff5ca2 | #ff5ca2 | RGB(255, 92, 162) | Tree Graph Pink | — |
| #e0e0e3 | #e0e0e3 | RGB(224, 224, 227) | Async Smoke | — |
Kontras Palet Warna
7 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#ffbe9f | #d4ff4d | 1.38 |
#ffbe9f | #f9f9fa | 1.52 |
#ffbe9f | #ff5ca2 | 1.79 |
#ffbe9f | #e0e0e3 | 1.21 |
#d4ff4d | #f9f9fa | 1.09 |
#d4ff4d | #e0e0e3 | 1.14 |
