Warna bernama terdekat · #006FD8
#006FD8
Warna bernama terdekat: Matt Blue
#006FD8 (rgb(0 111 216), hsl(209 100% 42%), oklch(0.55 0.182 255.1)) paling mendekati warna bernama Matt Blue. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#006FD8
oklch(0.55 0.182 255.1)
Konversi warna
- HEX
- #006fd8
- RGB
- rgb(0 111 216)
- HSL
- hsl(209 100% 42%)
- HWB
- hwb(209 0% 15%)
- OKLCH
- oklch(0.55 0.182 255.1)
- OKLab
- oklab(0.55 -0.047 -0.176)
- CIE Lab
- lab(46.39 5.53 -62.33)
- LCH
- lch(46.39 62.57 275.1)
- CMYK
- cmyk(100% 49% 0% 15%)
Tint · Shade · Tone
Tint
- 2E7EDD
- 498EE2
- 619CE7
- 78ABEB
- 8FB9EF
- A5C7F3
- BBD5F7
- D2E3FA
- E8F1FD
Shade
- 0060BC
- 0051A0
- 004285
- 00346B
- 002753
- 001A3B
- 000E25
- 000411
- 000102
Tone
- 2072D0
- 3075C7
- 3D77BF
- 4979B6
- 537BAE
- 5D7CA5
- 667E9C
- 6F7F93
- 787F8A
Harmoni warna
Komplementer +180°
- 006FD8
Matt Blue
- 996600
≈ Gamboge Brown
Analog -30° +30°
- 006FD8
Matt Blue
- 007E9F
≈ Turkish Tile
- 6B5AD5
≈ Astro Purple
Triadik +120° +240°
- 006FD8
Matt Blue
- C5324E
≈ Dingy Dungeon
- 438500
≈ Mughal Green
Split-komplementer +150° +210°
- 006FD8
Matt Blue
- B84B00
≈ Beef Bourguignon
- 7C7500
≈ Medusa’s Snakes
Tetradik +90° +180° +270°
- 006FD8
Matt Blue
- B63889
≈ Fandango
- 996600
≈ Gamboge Brown
- 008661
≈ Spectral Green
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 4.92:1 · APCA Lc 73
Ag
FailDi atas hitam
WCAG 4.26:1 · APCA Lc 28
Warna teks terbaik: #FFFFFF
WCAG 4.92:1 (AA) · APCA Lc 73
Contrast pairs
Cuplikan kode
CSS
:root {
--matt-blue: #006fd8;
--matt-blue-rgb: 0 111 216;
--matt-blue-oklch: oklch(0.55 0.182 255.1);
}
.element {
color: var(--matt-blue);
background-color: hsl(209 100% 42%);
border-color: oklch(0.55 0.182 255.1);
}Tailwind CSS v4
@theme {
--color-matt-blue: #006fd8;
--color-matt-blue-50: #d5f8ff;
--color-matt-blue-100: #c2ebff;
--color-matt-blue-200: #a2d7ff;
--color-matt-blue-300: #79b9ff;
--color-matt-blue-400: #4b9fff;
--color-matt-blue-500: #0d83fa;
--color-matt-blue-600: #1270d3;
--color-matt-blue-700: #0f59aa;
--color-matt-blue-800: #00427f;
--color-matt-blue-900: #012e59;
--color-matt-blue-950: #001a3d;
}SCSS
$matt-blue: #006fd8;
$matt-blue-rgb: 0, 111, 216;
$matt-blue-light: mix(#fff, $matt-blue, 20%);
$matt-blue-dark: mix(#000, $matt-blue, 20%);
.element {
color: $matt-blue;
box-shadow: 0 0 0 2px rgba($matt-blue, 0.35);
}