#509FF4

#509FF4

#F4A550

#F4A550

Rasio Kontras

1,36:1

Delta E

106,44

Very Different

Campuran 50:50

#C0A1A5

Nilai Warna

Format #509FF4 #F4A550
HEX #509FF4 #F4A550
RGB 80, 159, 244 244, 165, 80
HSL 211,1, 88,2%, 63,5% 31,1, 88,2%, 63,5%
HSV 211,1, 67,2%, 95,7% 31,1, 67,2%, 95,7%
CMYK 67,2%, 34,8%, 0,0%, 4,3% 0,0%, 32,4%, 67,2%, 4,3%
OKLCH 0,6911 0,1479 252,2 0,7839 0,1368 65,3

Kontras & aksesibilitas

1,36:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Keterbacaan teks

Rubah coklat yang cepat melompati anjing yang malas

Teks: #F4A550 → Latar Belakang: #509FF4

Rubah coklat yang cepat melompati anjing yang malas

Teks: #509FF4 → Latar Belakang: #F4A550

Perbedaan Warna (Delta E)

106,44 Very Different
0 — Identik 5 — Serupa 25 — Perbedaan Terlihat 100 — Sangat Berbeda

Gradien

#509FF4 #86A0D9 #A7A0BF #C0A1A5 #D4A28A #E5A46E #F4A550

Pencampuran warna

#509FF4

100%

#98A0CC

75:25

#C0A1A5

50:50

#DDA37C

25:75

#F4A550

100%

Kode gradien CSS

background: linear-gradient(to right, #509FF4, #F4A550);
background: linear-gradient(135deg, #509FF4, #F4A550);

Jelajahi Setiap Warna

#509FF4

Lihat detail warna lengkap

#F4A550

Lihat detail warna lengkap

Perbandingan terkait