#3377aa
Nilai warna Notasi warna — HEX (heksadesimal), RGB (cahaya primer), HSL (rona/saturasi/terang), CMYK (tinta cetak, perkiraan).
- HEX
-
#3377aa - RGB
-
rgb(51, 119, 170) - HSL
-
hsl(206, 54%, 43%) - OKLCH
-
oklch(54.9% 0.105 244.2) - CMYK
-
70% 30% 0% 33%
- Luminans relatif Luminans relatif: tingkat terang suatu warna, dari 0 (hitam) hingga 1 (putih). Digunakan untuk menghitung kontras WCAG.
- 0,168
- Rona Rona: jenis suatu warna (merah, jingga, kuning…). Kami membagi roda warna menjadi 12 sektor.
- Biru langit
- Nama terdekat Nama terdekat: nama warna standar CSS yang paling dekat dengan warna ini.
- steelblue
Kontras
| Rasio Rasio kontras: selisih tingkat terang antara dua warna, dari 1:1 hingga 21:1. Makin tinggi, makin mudah dibaca. | APCA (Lc) APCA: ukuran kontras persepsi yang lebih baru dari draf WCAG 3. Lc berkisar sekitar 0–106; makin tinggi makin mudah dibaca. Tandanya menunjukkan polaritas (teks gelap di atas terang, atau terang di atas gelap). | |
|---|---|---|
| Sebagai latar | ||
| Teks putih | 4,82:1 | -79 |
| Teks hitam | 4,36:1 | 31 |
| Sebagai teks | ||
| Latar putih | 4,82:1 | 73 |
| Latar hitam | 4,36:1 | -29 |
Harmoni warna
Komplementer Komplementer: warna yang berlawanan pada roda (180°). Keduanya saling menonjolkan.
Analog Analog: warna yang bertetangga pada roda (sekitar ±15°). Membentuk palet yang serasi.
Komplementer terpisah Komplementer terpisah: dua warna di samping komplementer (180° ± 30°). Lebih lembut daripada komplementer langsung.
Tetradik Tetradik: empat warna berjarak sama 90°. Cocok untuk palet dengan banyak aksen.
Bayangan dan rona muda Bayangan dan rona muda: tingkat yang lebih terang dicampur ke arah putih (tint) dan yang lebih gelap dicampur ke arah hitam (shade).
Kesan Kesan: label untuk suasana yang ditimbulkan suatu warna — hangat, tenang, cerah, dan sebagainya.
Pratinjau penggunaan
Sebagai latar (teks hitam)
Sebagai latar (teks putih)
Sebagai teks (latar putih)
Sebagai teks (latar hitam)
Coba sebuah kombinasi
Latar Teks