Dichtstbijzijnde benoemde kleur · #407099
#407099
Dichtstbijzijnde benoemde kleur: Muted Blue
#407099 (rgb(64 112 153), hsl(208 41% 43%), oklch(0.529 0.083 246)) komt het dichtst bij de benoemde kleur Muted Blue. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#407099
oklch(0.529 0.083 246)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 537EA3
- 658CAD
- 7899B8
- 8BA8C2
- 9DB6CC
- B1C4D6
- C4D3E0
- D7E1EB
- EBF0F5
Schaduwen
- 366084
- 2D5170
- 24435D
- 1B354A
- 132738
- 0B1A27
- 050E17
- 010408
- 000101
Tonen
- 477297
- 4E7494
- 557592
- 5C7790
- 62798D
- 687A8B
- 6E7C88
- 747D86
- 7A7F83
Kleurharmonieën
Complementair +180°
- 407099
Muted Blue
- 8C6133
≈ McKenzie
Analoog -30° +30°
- 407099
Muted Blue
- 21778A
≈ Thousand Herb
- 5E679C
≈ Iris Bloom
Triadisch +120° +240°
- 407099
Muted Blue
- 945664
≈ Vin Rouge
- 5F743D
≈ Majestic Jungle
Gesplitst complementair +150° +210°
- 407099
Muted Blue
- 955949
≈ Caliente
- 7A6B2D
≈ Tarnished Brass
Tetradisch +90° +180° +270°
- 407099
Muted Blue
- 8A587E
≈ Dusky Purple
- 8C6133
≈ McKenzie
- 3F7A57
≈ Rokushō Green
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.25:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 3.99:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
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);
}