Benoemde kleur · #696FA5
Kimberlite
Kimberlite is #696FA5: rgb(105 111 165), hsl(234 25% 53%), oklch(0.559 0.084 278.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Blue mean? → · Kimberlite color name →
#696FA5
oklch(0.559 0.084 278.5)
Kleurconversies
- HEX
- #696fa5
- RGB
- rgb(105 111 165)
- HSL
- hsl(234 25% 53%)
- HWB
- hwb(234 41% 35%)
- OKLCH
- oklch(0.559 0.084 278.5)
- OKLab
- oklab(0.559 0.012 -0.083)
- CIE Lab
- lab(48.03 7.97 -30.11)
- LCH
- lch(48.03 31.14 284.8)
- CMYK
- cmyk(36% 33% 0% 35%)
Tinten · Schaduwen · Tonen
Tinten
- 777DAE
- 858BB7
- 9399C0
- A2A7C9
- B1B5D2
- C0C4DB
- CFD2E4
- DFE1ED
- EFF0F6
Schaduwen
- 5A608F
- 4C5179
- 3E4265
- 313451
- 24273D
- 181A2B
- 0C0E1A
- 04040A
- 000101
Tonen
- 6B71A2
- 6D739E
- 70759B
- 727697
- 747893
- 767A90
- 797B8C
- 7B7D88
- 7E7F84
Kleurharmonieën
Complementair +180°
- 696FA5
Kimberlite
- 817537
≈ Spanish Bistre
Analoog -30° +30°
- 696FA5
Kimberlite
- 4B78A3
≈ Billycart Blue
- 82669A
≈ Dark Lavender
Triadisch +120° +240°
- 696FA5
Kimberlite
- 9F624F
≈ Deer Tracks
- 458362
≈ Leisure Green
Gesplitst complementair +150° +210°
- 696FA5
Kimberlite
- 956B3B
≈ Lion’s Mane Blonde
- 657E47
≈ Green Knoll
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.75:1 · APCA Lc 73
Ag
FailOp zwart
WCAG 4.41:1 · APCA Lc 29
Beste tekstkleur: #FFFFFF
WCAG 4.75:1 (AA) · APCA Lc 73
Contrast pairs
Codefragmenten
CSS
:root {
--kimberlite: #696fa5;
--kimberlite-rgb: 105 111 165;
--kimberlite-oklch: oklch(0.559 0.084 278.5);
}
.element {
color: var(--kimberlite);
background-color: hsl(234 25% 53%);
border-color: oklch(0.559 0.084 278.5);
}Tailwind CSS v4
@theme {
--color-kimberlite: #696fa5;
--color-kimberlite-50: #f0f3ff;
--color-kimberlite-100: #e2e5ff;
--color-kimberlite-200: #cdd1f8;
--color-kimberlite-300: #afb3e2;
--color-kimberlite-400: #939ad0;
--color-kimberlite-500: #7a80bd;
--color-kimberlite-600: #676da0;
--color-kimberlite-700: #525780;
--color-kimberlite-800: #3b405f;
--color-kimberlite-900: #282c43;
--color-kimberlite-950: #16192b;
}SCSS
$kimberlite: #696fa5;
$kimberlite-rgb: 105, 111, 165;
$kimberlite-light: mix(#fff, $kimberlite, 20%);
$kimberlite-dark: mix(#000, $kimberlite, 20%);
.element {
color: $kimberlite;
box-shadow: 0 0 0 2px rgba($kimberlite, 0.35);
}