Dichtstbijzijnde benoemde kleur · #6F749C
#6F749C
Dichtstbijzijnde benoemde kleur: Stormy Horizon
#6F749C (rgb(111 116 156), hsl(233 19% 52%), oklch(0.57 0.062 278.7)) komt het dichtst bij de benoemde kleur Stormy Horizon. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#6F749C
oklch(0.57 0.062 278.7)
Kleurconversies
- HEX
- #6f749c
- RGB
- rgb(111 116 156)
- HSL
- hsl(233 19% 52%)
- HWB
- hwb(233 44% 39%)
- OKLCH
- oklch(0.57 0.062 278.7)
- OKLab
- oklab(0.57 0.009 -0.061)
- CIE Lab
- lab(49.58 5.24 -22.42)
- LCH
- lch(49.58 23.03 283.2)
- CMYK
- cmyk(29% 26% 0% 39%)
Tinten · Schaduwen · Tonen
Tinten
- 7C81A6
- 8A8EB0
- 989CB9
- A6AAC3
- B4B7CD
- C3C5D7
- D1D4E1
- E0E2EB
- F0F0F5
Schaduwen
- 606487
- 515473
- 42455F
- 34374C
- 272939
- 1A1B28
- 0E0F18
- 040509
- 010101
Tonen
- 717599
- 727797
- 747894
- 767991
- 777A8E
- 797B8C
- 7B7D89
- 7C7E86
- 7E7F83
Kleurharmonieën
Complementair +180°
- 6F749C
Stormy Horizon
- 81784D
≈ Olive Ochre
Analoog -30° +30°
- 6F749C
Stormy Horizon
- 5B7B9B
≈ Glass Sapphire
- 826E94
≈ Ornate
Triadisch +120° +240°
- 6F749C
Stormy Horizon
- 986B5C
≈ Safari Brown
- 57836A
≈ Tournament Field
Gesplitst complementair +150° +210°
- 6F749C
Stormy Horizon
- 90714F
≈ Highland Ridge
- 6C7F57
≈ Terrain
Tetradisch +90° +180° +270°
- 6F749C
Stormy Horizon
- 986870
≈ Brickwork Red
- 81784D
≈ Olive Ochre
- 49837F
≈ Jericho Jade
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.51:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.65:1 · APCA Lc 30
Beste tekstkleur: #000000
WCAG 4.65:1 (AA) · APCA Lc 30
Contrast pairs
Codefragmenten
CSS
:root {
--stormy-horizon: #6f749c;
--stormy-horizon-rgb: 111 116 156;
--stormy-horizon-oklch: oklch(0.57 0.062 278.7);
}
.element {
color: var(--stormy-horizon);
background-color: hsl(233 19% 52%);
border-color: oklch(0.57 0.062 278.7);
}Tailwind CSS v4
@theme {
--color-stormy-horizon: #6f749c;
--color-stormy-horizon-50: #f1f4ff;
--color-stormy-horizon-100: #e3e6fd;
--color-stormy-horizon-200: #cfd2ef;
--color-stormy-horizon-300: #b1b4d7;
--color-stormy-horizon-400: #969bc3;
--color-stormy-horizon-500: #7d82af;
--color-stormy-horizon-600: #6a6e94;
--color-stormy-horizon-700: #545877;
--color-stormy-horizon-800: #3d4158;
--color-stormy-horizon-900: #2a2d3d;
--color-stormy-horizon-950: #171a27;
}SCSS
$stormy-horizon: #6f749c;
$stormy-horizon-rgb: 111, 116, 156;
$stormy-horizon-light: mix(#fff, $stormy-horizon, 20%);
$stormy-horizon-dark: mix(#000, $stormy-horizon, 20%);
.element {
color: $stormy-horizon;
box-shadow: 0 0 0 2px rgba($stormy-horizon, 0.35);
}