Warna bernama terdekat · #407099
#407099
Warna bernama terdekat: Muted Blue
#407099 (rgb(64 112 153), hsl(208 41% 43%), oklch(0.529 0.083 246)) paling mendekati warna bernama Muted Blue. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#407099
oklch(0.529 0.083 246)
Konversi warna
- HEX
- #407099
- RGB
- rgb(64 112 153)
- HSL
- hsl(208 41% 43%)
- HWB
- hwb(208 25% 40%)
- OKLCH
- oklch(0.529 0.083 246)
- OKLab
- oklab(0.529 -0.034 -0.076)
- CIE Lab
- lab(45.2 -7.2 -27.71)
- LCH
- lch(45.2 28.63 255.4)
- CMYK
- cmyk(58% 27% 0% 40%)
Tint · Shade · Tone
Tint
- 537EA3
- 658CAD
- 7899B8
- 8BA8C2
- 9DB6CC
- B1C4D6
- C4D3E0
- D7E1EB
- EBF0F5
Shade
- 366084
- 2D5170
- 24435D
- 1B354A
- 132738
- 0B1A27
- 050E17
- 010408
- 000101
Tone
- 477297
- 4E7494
- 557592
- 5C7790
- 62798D
- 687A8B
- 6E7C88
- 747D86
- 7A7F83
Harmoni warna
Komplementer +180°
- 407099
Muted Blue
- 8C6133
≈ McKenzie
Analog -30° +30°
- 407099
Muted Blue
- 21778A
≈ Thousand Herb
- 5E679C
≈ Iris Bloom
Triadik +120° +240°
- 407099
Muted Blue
- 945664
≈ Vin Rouge
- 5F743D
≈ Majestic Jungle
Split-komplementer +150° +210°
- 407099
Muted Blue
- 955949
≈ Caliente
- 7A6B2D
≈ Tarnished Brass
Tetradik +90° +180° +270°
- 407099
Muted Blue
- 8A587E
≈ Dusky Purple
- 8C6133
≈ McKenzie
- 3F7A57
≈ Rokushō Green
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 5.25:1 · APCA Lc 76
Ag
FailDi atas hitam
WCAG 3.99:1 · APCA Lc 26
Warna teks terbaik: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Cuplikan kode
CSS
:root {
--muted-blue: #407099;
--muted-blue-rgb: 64 112 153;
--muted-blue-oklch: oklch(0.529 0.083 246);
}
.element {
color: var(--muted-blue);
background-color: hsl(208 41% 43%);
border-color: oklch(0.529 0.083 246);
}Tailwind CSS v4
@theme {
--color-muted-blue: #407099;
--color-muted-blue-50: #e3f8ff;
--color-muted-blue-100: #d3ebff;
--color-muted-blue-200: #b9d8f7;
--color-muted-blue-300: #96bce1;
--color-muted-blue-400: #75a4cd;
--color-muted-blue-500: #558bba;
--color-muted-blue-600: #49769d;
--color-muted-blue-700: #3a5e7e;
--color-muted-blue-800: #28455d;
--color-muted-blue-900: #1b3041;
--color-muted-blue-950: #0b1c2a;
}SCSS
$muted-blue: #407099;
$muted-blue-rgb: 64, 112, 153;
$muted-blue-light: mix(#fff, $muted-blue, 20%);
$muted-blue-dark: mix(#000, $muted-blue, 20%);
.element {
color: $muted-blue;
box-shadow: 0 0 0 2px rgba($muted-blue, 0.35);
}