Benoemde kleur · #CEBEDA
Perspective
Perspective is #CEBEDA: rgb(206 190 218), hsl(274 27% 80%), oklch(0.823 0.042 310.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Purple mean? → · Perspective color name →
#CEBEDA
oklch(0.823 0.042 310.8)
Kleurconversies
- HEX
- #cebeda
- RGB
- rgb(206 190 218)
- HSL
- hsl(274 27% 80%)
- HWB
- hwb(274 75% 15%)
- OKLCH
- oklch(0.823 0.042 310.8)
- OKLab
- oklab(0.823 0.028 -0.032)
- CIE Lab
- lab(78.98 9.67 -11.92)
- LCH
- lch(78.98 15.35 309.1)
- CMYK
- cmyk(6% 13% 0% 15%)
Tinten · Schaduwen · Tonen
Tinten
- D3C4DE
- D8CBE1
- DDD1E5
- E1D8E9
- E6DEED
- EBE5F0
- F0EBF4
- F5F2F8
- FAF8FB
Schaduwen
- B3A5BD
- 988CA2
- 7F7587
- 665E6C
- 4E4854
- 38333C
- 231F25
- 0F0D11
- 020202
Tonen
- C6B8D1
- BEB1C7
- B6ABBE
- AEA5B5
- A69FAC
- 9E98A3
- 97929A
- 8F8C91
- 878689
Kleurharmonieën
Complementair +180°
- CEBEDA
Perspective
- BCCBAF
≈ Succulent Garden
Analoog -30° +30°
- CEBEDA
Perspective
- C0C3E1
≈ Genevieve
- D9BBCD
≈ Noteworthy
Triadisch +120° +240°
- CEBEDA
Perspective
- D7C1A8
≈ Riviera Retreat
- A7CECC
≈ Blue Angora
Gesplitst complementair +150° +210°
- CEBEDA
Perspective
- CBC7A7
≈ Wild Hillside
- AECEBC
≈ Misty Jade
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.74:1 · APCA Lc 32
Ag
AAAOp zwart
WCAG 12.00:1 · APCA Lc 71
Beste tekstkleur: #000000
WCAG 12.00:1 (AAA) · APCA Lc 71
Contrast pairs
Codefragmenten
CSS
:root {
--perspective: #cebeda;
--perspective-rgb: 206 190 218;
--perspective-oklch: oklch(0.823 0.042 310.8);
}
.element {
color: var(--perspective);
background-color: hsl(274 27% 80%);
border-color: oklch(0.823 0.042 310.8);
}Tailwind CSS v4
@theme {
--color-perspective: #cebeda;
--color-perspective-50: #f9f2fe;
--color-perspective-100: #ede4f2;
--color-perspective-200: #dbcfe2;
--color-perspective-300: #bfb1c7;
--color-perspective-400: #a698b1;
--color-perspective-500: #8f7f9b;
--color-perspective-600: #796b83;
--color-perspective-700: #615669;
--color-perspective-800: #473f4e;
--color-perspective-900: #312b36;
--color-perspective-950: #1d1821;
}SCSS
$perspective: #cebeda;
$perspective-rgb: 206, 190, 218;
$perspective-light: mix(#fff, $perspective, 20%);
$perspective-dark: mix(#000, $perspective, 20%);
.element {
color: $perspective;
box-shadow: 0 0 0 2px rgba($perspective, 0.35);
}