#306FB0

#306FB0

white

#FFFFFF

Rasio Kontras

5,22:1

Delta E

67,63

Very Different

Campuran 50:50

#A0B4D8

Nilai Warna

Format #306FB0 #FFFFFF
HEX #306FB0 #FFFFFF
RGB 48, 111, 176 255, 255, 255
HSL 210,5, 57,1%, 43,9% 0,0, 0,0%, 100,0%
HSV 210,5, 72,7%, 69,0% 0,0, 0,0%, 100,0%
CMYK 72,7%, 36,9%, 0,0%, 31,0% 0,0%, 0,0%, 0,0%, 0,0%
OKLCH 0,5328 0,1211 251,7 1,0 0,0 89,9

Kontras & aksesibilitas

5,22:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Keterbacaan teks

Rubah coklat yang cepat melompati anjing yang malas

Teks: #FFFFFF → Latar Belakang: #306FB0

Rubah coklat yang cepat melompati anjing yang malas

Teks: #306FB0 → Latar Belakang: #FFFFFF

Perbedaan Warna (Delta E)

67,63 Very Different
0 — Identik 5 — Serupa 25 — Perbedaan Terlihat 100 — Sangat Berbeda

Gradien

#306FB0 #5C85BD #7F9CCA #A0B4D8 #C0CCE5 #DFE5F2 #FFFFFF

Pencampuran warna

#306FB0

100%

#6E91C4

75:25

#A0B4D8

50:50

#D0D9EB

25:75

#FFFFFF

100%

Kode gradien CSS

background: linear-gradient(to right, #306FB0, #FFFFFF);
background: linear-gradient(135deg, #306FB0, #FFFFFF);

Jelajahi Setiap Warna

#306FB0

Lihat detail warna lengkap

white

Lihat detail warna lengkap

Perbandingan terkait