Benannte Farbe · #C3B5D4
Plumeria
Plumeria ist #C3B5D4: rgb(195 181 212), hsl(267 26% 77%), oklch(0.795 0.046 305.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Plumeria color name →
#C3B5D4
oklch(0.795 0.046 305.8)
Farbumrechnungen
- HEX
- #c3b5d4
- RGB
- rgb(195 181 212)
- HSL
- hsl(267 26% 77%)
- HWB
- hwb(267 71% 17%)
- OKLCH
- oklch(0.795 0.046 305.8)
- OKLab
- oklab(0.795 0.027 -0.037)
- CIE Lab
- lab(75.61 9.51 -13.81)
- LCH
- lch(75.61 16.76 304.6)
- CMYK
- cmyk(8% 15% 0% 17%)
Tints · Shades · Tones
Tints
- C9BCD8
- CFC4DD
- D5CBE1
- DBD2E5
- E1DAEA
- E7E1EE
- EDE8F2
- F3F0F6
- F9F7FB
Shades
- A99DB8
- 90869D
- 786F83
- 605969
- 4A4451
- 34303A
- 201D24
- 0E0C10
- 020202
Tones
- BCB0CB
- B5AAC3
- AEA5BA
- A89FB2
- A19AA9
- 9A95A1
- 949099
- 8D8A90
- 868588
Farbharmonien
Komplementär +180°
- C3B5D4
Plumeria
- B5C2A2
≈ Camping Grounds
Analog -30° +30°
- C3B5D4
Plumeria
- B3BADA
≈ Lilac Flare
- D0B1C7
≈ Tranquil Dusk
Triadisch +120° +240°
- C3B5D4
Plumeria
- D1B79E
≈ Sonoran Desert
- 9CC6C0
≈ New-Age Green
Geteilt komplementär +150° +210°
- C3B5D4
Plumeria
- C5BC9B
≈ Fields Afar
- A5C5B0
≈ Spring Leaves
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.93:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.88:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.88:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--plumeria: #c3b5d4;
--plumeria-rgb: 195 181 212;
--plumeria-oklch: oklch(0.795 0.046 305.8);
}
.element {
color: var(--plumeria);
background-color: hsl(267 26% 77%);
border-color: oklch(0.795 0.046 305.8);
}Tailwind CSS v4
@theme {
--color-plumeria: #c3b5d4;
--color-plumeria-50: #f9f2ff;
--color-plumeria-100: #ece4f4;
--color-plumeria-200: #d9cfe4;
--color-plumeria-300: #beb2ca;
--color-plumeria-400: #a598b4;
--color-plumeria-500: #8d7f9f;
--color-plumeria-600: #786b86;
--color-plumeria-700: #60566c;
--color-plumeria-800: #463f50;
--color-plumeria-900: #302b37;
--color-plumeria-950: #1c1822;
}SCSS
$plumeria: #c3b5d4;
$plumeria-rgb: 195, 181, 212;
$plumeria-light: mix(#fff, $plumeria, 20%);
$plumeria-dark: mix(#000, $plumeria, 20%);
.element {
color: $plumeria;
box-shadow: 0 0 0 2px rgba($plumeria, 0.35);
}