Dichtstbijzijnde benoemde kleur · #6E768F
#6E768F
Dichtstbijzijnde benoemde kleur: Your Shadow
#6E768F (rgb(110 118 143), hsl(225 13% 50%), oklch(0.568 0.04 271.2)) komt het dichtst bij de benoemde kleur Your Shadow. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#6E768F
oklch(0.568 0.04 271.2)
Kleurconversies
- HEX
- #6e768f
- RGB
- rgb(110 118 143)
- HSL
- hsl(225 13% 50%)
- HWB
- hwb(225 43% 44%)
- OKLCH
- oklch(0.568 0.04 271.2)
- OKLab
- oklab(0.568 0.001 -0.04)
- CIE Lab
- lab(49.64 1.25 -14.74)
- LCH
- lch(49.64 14.8 274.8)
- CMYK
- cmyk(23% 17% 0% 44%)
Tinten · Schaduwen · Tonen
Tinten
- 7B839A
- 8990A5
- 979DB0
- A5ABBB
- B4B8C6
- C2C6D1
- D1D4DC
- E0E2E8
- F0F1F3
Schaduwen
- 5F667C
- 505669
- 414757
- 333845
- 262934
- 191C24
- 0E0F15
- 040507
- 010101
Tonen
- 70778E
- 72788C
- 73798B
- 757A89
- 777B88
- 797C86
- 7B7D85
- 7C7E83
- 7E7F82
Kleurharmonieën
Complementair +180°
- 6E768F
Your Shadow
- 7F765C
≈ Denali Green
Analoog -30° +30°
- 6E768F
Your Shadow
- 627A8D
≈ Canyon Blue
- 7B728B
≈ Dancing in the Spring
Triadisch +120° +240°
- 6E768F
Your Shadow
- 8D6F69
≈ Dutch Cocoa
- 667E6B
≈ Ecological
Gesplitst complementair +150° +210°
- 6E768F
Your Shadow
- 89725F
≈ Cloudy Cinnamon
- 737B61
≈ Desert Chaparral
Tetradisch +90° +180° +270°
- 6E768F
Your Shadow
- 8C6D75
≈ Pink Poppy
- 7F765C
≈ Denali Green
- 5D7F78
≈ Hanging Moss
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 {
--your-shadow: #6e768f;
--your-shadow-rgb: 110 118 143;
--your-shadow-oklch: oklch(0.568 0.04 271.2);
}
.element {
color: var(--your-shadow);
background-color: hsl(225 13% 50%);
border-color: oklch(0.568 0.04 271.2);
}Tailwind CSS v4
@theme {
--color-your-shadow: #6e768f;
--color-your-shadow-50: #f1f5ff;
--color-your-shadow-100: #e3e7f6;
--color-your-shadow-200: #ced4e6;
--color-your-shadow-300: #b0b7cc;
--color-your-shadow-400: #969eb7;
--color-your-shadow-500: #7c85a1;
--color-your-shadow-600: #697188;
--color-your-shadow-700: #545a6d;
--color-your-shadow-800: #3d4251;
--color-your-shadow-900: #2a2e38;
--color-your-shadow-950: #171a23;
}SCSS
$your-shadow: #6e768f;
$your-shadow-rgb: 110, 118, 143;
$your-shadow-light: mix(#fff, $your-shadow, 20%);
$your-shadow-dark: mix(#000, $your-shadow, 20%);
.element {
color: $your-shadow;
box-shadow: 0 0 0 2px rgba($your-shadow, 0.35);
}