Dichtstbijzijnde benoemde kleur · #E3B6E1
#E3B6E1
Dichtstbijzijnde benoemde kleur: Blushing Sky
#E3B6E1 (rgb(227 182 225), hsl(303 45% 80%), oklch(0.829 0.077 327.7)) komt het dichtst bij de benoemde kleur Blushing Sky. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#E3B6E1
oklch(0.829 0.077 327.7)
Kleurconversies
- HEX
- #e3b6e1
- RGB
- rgb(227 182 225)
- HSL
- hsl(303 45% 80%)
- HWB
- hwb(303 71% 11%)
- OKLCH
- oklch(0.829 0.077 327.7)
- OKLab
- oklab(0.829 0.065 -0.041)
- CIE Lab
- lab(79.15 22.08 -15.17)
- LCH
- lch(79.15 26.79 325.5)
- CMYK
- cmyk(0% 20% 1% 11%)
Tinten · Schaduwen · Tonen
Tinten
- E6BDE4
- E9C5E7
- ECCCEA
- EFD3ED
- F2DAF0
- F4E2F3
- F7E9F6
- FAF0F9
- FCF8FC
Schaduwen
- C59EC4
- A886A7
- 8C6F8B
- 715970
- 574456
- 3F303E
- 271D27
- 120C12
- 030202
Tonen
- D9B1D7
- CFABCD
- C5A6C3
- BBA0B9
- B19BAF
- A795A6
- 9D909C
- 938B93
- 8A8589
Kleurharmonieën
Complementair +180°
- E3B6E1
Blushing Sky
- A6D5AB
≈ Frugal
Analoog -30° +30°
- E3B6E1
Blushing Sky
- CCBDF3
≈ Connecticut Lilac
- F1B3C7
≈ Rhodonite
Triadisch +120° +240°
- E3B6E1
Blushing Sky
- DCC58D
≈ Lemon Sorbet Yellow
- 89D6E1
≈ Fresh Blue
Gesplitst complementair +150° +210°
- E3B6E1
Blushing Sky
- C3CE95
≈ Dancing Green
- 8FD8C7
≈ Riptide
Tetradisch +90° +180° +270°
- E3B6E1
Blushing Sky
- EEBB96
≈ Caramel Powder
- A6D5AB
≈ Frugal
- 98CFF4
≈ Fail Whale
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.74:1 · APCA Lc 32
Ag
AAAOp zwart
WCAG 12.04:1 · APCA Lc 71
Beste tekstkleur: #000000
WCAG 12.04:1 (AAA) · APCA Lc 71
Contrast pairs
Codefragmenten
CSS
:root {
--blushing-sky: #e3b6e1;
--blushing-sky-rgb: 227 182 225;
--blushing-sky-oklch: oklch(0.829 0.077 327.7);
}
.element {
color: var(--blushing-sky);
background-color: hsl(303 45% 80%);
border-color: oklch(0.829 0.077 327.7);
}Tailwind CSS v4
@theme {
--color-blushing-sky: #e3b6e1;
--color-blushing-sky-50: #ffeeff;
--color-blushing-sky-100: #f7dff4;
--color-blushing-sky-200: #e8c9e4;
--color-blushing-sky-300: #ceaacb;
--color-blushing-sky-400: #b88fb6;
--color-blushing-sky-500: #a274a0;
--color-blushing-sky-600: #896288;
--color-blushing-sky-700: #6e4e6d;
--color-blushing-sky-800: #503951;
--color-blushing-sky-900: #382738;
--color-blushing-sky-950: #221523;
}SCSS
$blushing-sky: #e3b6e1;
$blushing-sky-rgb: 227, 182, 225;
$blushing-sky-light: mix(#fff, $blushing-sky, 20%);
$blushing-sky-dark: mix(#000, $blushing-sky, 20%);
.element {
color: $blushing-sky;
box-shadow: 0 0 0 2px rgba($blushing-sky, 0.35);
}