Dichtstbijzijnde benoemde kleur · #6A89E6
#6A89E6
Dichtstbijzijnde benoemde kleur: Skinny Jeans
#6A89E6 (rgb(106 137 230), hsl(225 71% 66%), oklch(0.649 0.144 268.3)) komt het dichtst bij de benoemde kleur Skinny Jeans. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#6A89E6
oklch(0.649 0.144 268.3)
Kleurconversies
- HEX
- #6a89e6
- RGB
- rgb(106 137 230)
- HSL
- hsl(225 71% 66%)
- HWB
- hwb(225 42% 10%)
- OKLCH
- oklch(0.649 0.144 268.3)
- OKLab
- oklab(0.649 -0.004 -0.143)
- CIE Lab
- lab(57.98 9.21 -51.44)
- LCH
- lch(57.98 52.25 280.2)
- CMYK
- cmyk(54% 40% 0% 10%)
Tinten · Schaduwen · Tonen
Tinten
- 7895E9
- 86A1ED
- 94ADF0
- A3B9F3
- B2C5F5
- C1D0F8
- D0DCFA
- E0E8FC
- EFF3FE
Schaduwen
- 5B76C8
- 4D64AB
- 3F538E
- 314273
- 243159
- 182240
- 0D1428
- 040713
- 000103
Tonen
- 6C89DC
- 6E88D2
- 7188C8
- 7387BE
- 7586B4
- 7785A9
- 79849F
- 7C8395
- 7E818B
Kleurharmonieën
Complementair +180°
- 6A89E6
Skinny Jeans
- B08900
≈ Yellow Brown
Analoog -30° +30°
- 6A89E6
Skinny Jeans
- 0699DC
≈ Atmosphere
- 9B79DA
≈ Iridescent Purple
Triadisch +120° +240°
- 6A89E6
Skinny Jeans
- D8685B
≈ Tory Red
- 45A65B
≈ Spinach
Gesplitst complementair +150° +210°
- 6A89E6
Skinny Jeans
- CE7520
≈ Ochre
- 879A1B
≈ Densetsu Green
Tetradisch +90° +180° +270°
- 6A89E6
Skinny Jeans
- D2658E
≈ Preppy Rose
- B08900
≈ Yellow Brown
- 00A68F
≈ Ottawa Falls
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.31:1 · APCA Lc 60
Ag
AAOp zwart
WCAG 6.33:1 · APCA Lc 41
Beste tekstkleur: #000000
WCAG 6.33:1 (AA) · APCA Lc 41
Contrast pairs
Codefragmenten
CSS
:root {
--skinny-jeans: #6a89e6;
--skinny-jeans-rgb: 106 137 230;
--skinny-jeans-oklch: oklch(0.649 0.144 268.3);
}
.element {
color: var(--skinny-jeans);
background-color: hsl(225 71% 66%);
border-color: oklch(0.649 0.144 268.3);
}Tailwind CSS v4
@theme {
--color-skinny-jeans: #6a89e6;
--color-skinny-jeans-50: #e5f4ff;
--color-skinny-jeans-100: #d5e6ff;
--color-skinny-jeans-200: #bdd2ff;
--color-skinny-jeans-300: #9bb3ff;
--color-skinny-jeans-400: #7b9af3;
--color-skinny-jeans-500: #5e7ee4;
--color-skinny-jeans-600: #506bc1;
--color-skinny-jeans-700: #40569b;
--color-skinny-jeans-800: #2b3f74;
--color-skinny-jeans-900: #1d2c52;
--color-skinny-jeans-950: #0d1837;
}SCSS
$skinny-jeans: #6a89e6;
$skinny-jeans-rgb: 106, 137, 230;
$skinny-jeans-light: mix(#fff, $skinny-jeans, 20%);
$skinny-jeans-dark: mix(#000, $skinny-jeans, 20%);
.element {
color: $skinny-jeans;
box-shadow: 0 0 0 2px rgba($skinny-jeans, 0.35);
}