#3ABCFF

#3ABCFF

#FF7D3A

#FF7D3A

Rasio Kontras

1,19:1

Delta E

116,2

Very Different

Campuran 50:50

#CC9F9D

Nilai Warna

Format #3ABCFF #FF7D3A
HEX #3ABCFF #FF7D3A
RGB 58, 188, 255 255, 125, 58
HSL 200,4, 100,0%, 61,4% 20,4, 100,0%, 61,4%
HSV 200,4, 77,3%, 100,0% 20,4, 77,3%, 100,0%
CMYK 77,3%, 26,3%, 0,0%, 0,0% 0,0%, 51,0%, 77,3%, 0,0%
OKLCH 0,755 0,1454 236,5 0,7299 0,1768 45,1

Kontras & aksesibilitas

1,19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Keterbacaan teks

Rubah coklat yang cepat melompati anjing yang malas

Teks: #FF7D3A → Latar Belakang: #3ABCFF

Rubah coklat yang cepat melompati anjing yang malas

Teks: #3ABCFF → Latar Belakang: #FF7D3A

Perbedaan Warna (Delta E)

116,2 Very Different
0 — Identik 5 — Serupa 25 — Perbedaan Terlihat 100 — Sangat Berbeda

Gradien

#3ABCFF #89B3DE #B0A9BD #CC9F9D #E0947D #F1895D #FF7D3A

Pencampuran warna

#3ABCFF

100%

#9FAECE

75:25

#CC9F9D

50:50

#E98F6D

25:75

#FF7D3A

100%

Kode gradien CSS

background: linear-gradient(to right, #3ABCFF, #FF7D3A);
background: linear-gradient(135deg, #3ABCFF, #FF7D3A);

Jelajahi Setiap Warna

#3ABCFF

Lihat detail warna lengkap

#FF7D3A

Lihat detail warna lengkap

Perbandingan terkait