Dichtstbijzijnde benoemde kleur · #A3B8E5
#A3B8E5
Dichtstbijzijnde benoemde kleur: Blue Lips
#A3B8E5 (rgb(163 184 229), hsl(221 56% 77%), oklch(0.782 0.069 265.3)) komt het dichtst bij de benoemde kleur Blue Lips. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#A3B8E5
oklch(0.782 0.069 265.3)
Kleurconversies
- HEX
- #a3b8e5
- RGB
- rgb(163 184 229)
- HSL
- hsl(221 56% 77%)
- HWB
- hwb(221 64% 10%)
- OKLCH
- oklch(0.782 0.069 265.3)
- OKLab
- oklab(0.782 -0.006 -0.068)
- CIE Lab
- lab(74.36 0.2 -25.17)
- LCH
- lch(74.36 25.17 270.5)
- CMYK
- cmyk(29% 20% 0% 10%)
Tinten · Schaduwen · Tonen
Tinten
- ACBFE8
- B5C6EB
- BECDED
- C7D4F0
- D0DBF3
- D9E2F5
- E3EAF8
- ECF1FA
- F6F8FD
Schaduwen
- 8DA0C7
- 7888AA
- 63718E
- 4F5B72
- 3C4558
- 2A313F
- 191E28
- 0A0C12
- 010203
Tonen
- 9FB2DB
- 9CADD0
- 98A7C6
- 95A1BC
- 919CB2
- 8E96A8
- 8A919E
- 878B94
- 83868A
Kleurharmonieën
Complementair +180°
- A3B8E5
Blue Lips
- CCB586
≈ Tweed Jacket
Analoog -30° +30°
- A3B8E5
Blue Lips
- 8DC0DE
≈ Club Cruise
- BBB0E0
≈ Purple Hibiscus
Triadisch +120° +240°
- A3B8E5
Blue Lips
- E1A8A2
≈ Coral Fountain
- 9DC49E
≈ Spruce Stone
Gesplitst complementair +150° +210°
- A3B8E5
Blue Lips
- DBAD8E
≈ Boot Hill Ghost
- B6BE8C
≈ Jitterbug
Tetradisch +90° +180° +270°
- A3B8E5
Blue Lips
- DDA6BA
≈ Pink Gin
- CCB586
≈ Tweed Jacket
- 89C7B6
≈ Aquastone
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.99:1 · APCA Lc 39
Ag
AAAOp zwart
WCAG 10.54:1 · APCA Lc 64
Beste tekstkleur: #000000
WCAG 10.54:1 (AAA) · APCA Lc 64
Contrast pairs
Codefragmenten
CSS
:root {
--blue-lips: #a3b8e5;
--blue-lips-rgb: 163 184 229;
--blue-lips-oklch: oklch(0.782 0.069 265.3);
}
.element {
color: var(--blue-lips);
background-color: hsl(221 56% 77%);
border-color: oklch(0.782 0.069 265.3);
}Tailwind CSS v4
@theme {
--color-blue-lips: #a3b8e5;
--color-blue-lips-50: #ecf5ff;
--color-blue-lips-100: #dee8ff;
--color-blue-lips-200: #c7d4f3;
--color-blue-lips-300: #a8b7db;
--color-blue-lips-400: #8b9ec8;
--color-blue-lips-500: #7086b4;
--color-blue-lips-600: #5f7198;
--color-blue-lips-700: #4c5a7a;
--color-blue-lips-800: #36425a;
--color-blue-lips-900: #252e3f;
--color-blue-lips-950: #131a28;
}SCSS
$blue-lips: #a3b8e5;
$blue-lips-rgb: 163, 184, 229;
$blue-lips-light: mix(#fff, $blue-lips, 20%);
$blue-lips-dark: mix(#000, $blue-lips, 20%);
.element {
color: $blue-lips;
box-shadow: 0 0 0 2px rgba($blue-lips, 0.35);
}