Dichtstbijzijnde benoemde kleur · #B3C1F5
#B3C1F5
Dichtstbijzijnde benoemde kleur: Purple Illusion
#B3C1F5 (rgb(179 193 245), hsl(227 77% 83%), oklch(0.818 0.075 272.9)) komt het dichtst bij de benoemde kleur Purple Illusion. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#B3C1F5
oklch(0.818 0.075 272.9)
Kleurconversies
- HEX
- #b3c1f5
- RGB
- rgb(179 193 245)
- HSL
- hsl(227 77% 83%)
- HWB
- hwb(227 70% 4%)
- OKLCH
- oklch(0.818 0.075 272.9)
- OKLab
- oklab(0.818 0.004 -0.075)
- CIE Lab
- lab(78.34 3.59 -27.58)
- LCH
- lch(78.34 27.81 277.4)
- CMYK
- cmyk(27% 21% 0% 4%)
Tinten · Schaduwen · Tonen
Tinten
- BAC7F6
- C2CDF7
- C9D4F9
- D1DAFA
- D8E0FB
- E0E6FC
- E8ECFD
- EFF3FE
- F7F9FE
Schaduwen
- 9BA7D5
- 848FB6
- 6E7798
- 585F7B
- 43495F
- 2F3444
- 1D202B
- 0C0E15
- 010203
Tonen
- AEBAE9
- A9B4DD
- A3ADD1
- 9EA7C5
- 99A0B9
- 949AAE
- 8F93A2
- 8A8D97
- 85868B
Kleurharmonieën
Complementair +180°
- B3C1F5
Purple Illusion
- D4C38C
≈ Monument Green
Analoog -30° +30°
- B3C1F5
Purple Illusion
- 99CAF1
≈ Honolulu
- CDB8EC
≈ Connecticut Lilac
Triadisch +120° +240°
- B3C1F5
Purple Illusion
- F0B2A5
≈ First Date
- 9FD2AD
≈ Chinook
Gesplitst complementair +150° +210°
- B3C1F5
Purple Illusion
- E7B991
≈ Fresh Praline
- BACC96
≈ White Grape
Tetradisch +90° +180° +270°
- B3C1F5
Purple Illusion
- EEB0BF
≈ Fallen Blossoms
- D4C38C
≈ Monument Green
- 8BD4C8
≈ Green Daze
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.77:1 · APCA Lc 33
Ag
AAAOp zwart
WCAG 11.86:1 · APCA Lc 70
Beste tekstkleur: #000000
WCAG 11.86:1 (AAA) · APCA Lc 70
Contrast pairs
Codefragmenten
CSS
:root {
--purple-illusion: #b3c1f5;
--purple-illusion-rgb: 179 193 245;
--purple-illusion-oklch: oklch(0.818 0.075 272.9);
}
.element {
color: var(--purple-illusion);
background-color: hsl(227 77% 83%);
border-color: oklch(0.818 0.075 272.9);
}Tailwind CSS v4
@theme {
--color-purple-illusion: #b3c1f5;
--color-purple-illusion-50: #eef4ff;
--color-purple-illusion-100: #e0e7ff;
--color-purple-illusion-200: #cad2f5;
--color-purple-illusion-300: #acb5df;
--color-purple-illusion-400: #8f9ccb;
--color-purple-illusion-500: #7583b8;
--color-purple-illusion-600: #646f9c;
--color-purple-illusion-700: #4f597d;
--color-purple-illusion-800: #39415d;
--color-purple-illusion-900: #272d41;
--color-purple-illusion-950: #151a2a;
}SCSS
$purple-illusion: #b3c1f5;
$purple-illusion-rgb: 179, 193, 245;
$purple-illusion-light: mix(#fff, $purple-illusion, 20%);
$purple-illusion-dark: mix(#000, $purple-illusion, 20%);
.element {
color: $purple-illusion;
box-shadow: 0 0 0 2px rgba($purple-illusion, 0.35);
}