Najbliższy nazwany kolor · #CE5FD5
#CE5FD5
Najbliższy nazwany kolor: Barbiecore
#CE5FD5 (rgb(206 95 213), hsl(296 58% 60%), oklch(0.664 0.2 325.2)) jest najbliższy nazwanemu kolorowi Barbiecore. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#CE5FD5
oklch(0.664 0.2 325.2)
Konwersje koloru
- HEX
- #ce5fd5
- RGB
- rgb(206 95 213)
- HSL
- hsl(296 58% 60%)
- HWB
- hwb(296 37% 16%)
- OKLCH
- oklch(0.664 0.2 325.2)
- OKLab
- oklab(0.664 0.164 -0.114)
- CIE Lab
- lab(58.01 56.49 -41.06)
- LCH
- lch(58.01 69.84 324)
- CMYK
- cmyk(3% 55% 0% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D471DA
- DA82DF
- DF92E3
- E5A2E8
- EAB2EC
- EEC1F0
- F3D1F4
- F7E0F8
- FBF0FB
Odcienie ciemniejsze
- B352B9
- 98449E
- 7F3883
- 662C6A
- 4E2051
- 38153A
- 230A24
- 0F0310
- 020002
Tony
- C764CD
- BF69C4
- B86DBC
- B071B3
- A974AB
- A177A2
- 997A9A
- 917C91
- 897E89
Harmonie kolorów
Komplementarna +180°
- CE5FD5
Barbiecore
- 1AB138
≈ Try Your Luck
Analogowa -30° +30°
- CE5FD5
Barbiecore
- 9F73FE
≈ Purple Illusionist
- EB5299
≈ Tutuji Pink
Triada +120° +240°
- CE5FD5
Barbiecore
- B98C00
≈ Loden Yellow
- 00A7B5
≈ Exotic Sea
Komplementarna rozszczepiona +150° +210°
- CE5FD5
Barbiecore
- 919D00
≈ Pea Soup
- 00AC8F
≈ Arcadia
Tetrada +90° +180° +270°
- CE5FD5
Barbiecore
- DD7300
≈ Gold Orange
- 1AB138
≈ Try Your Luck
- 009FDD
≈ Vanadyl Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.37:1 · APCA Lc 61
Ag
AANa czerni
WCAG 6.22:1 · APCA Lc 41
Najlepszy kolor tekstu: #000000
WCAG 6.22:1 (AA) · APCA Lc 41
Contrast pairs
Fragmenty kodu
CSS
:root {
--barbiecore: #ce5fd5;
--barbiecore-rgb: 206 95 213;
--barbiecore-oklch: oklch(0.664 0.2 325.2);
}
.element {
color: var(--barbiecore);
background-color: hsl(296 58% 60%);
border-color: oklch(0.664 0.2 325.2);
}Tailwind CSS v4
@theme {
--color-barbiecore: #ce5fd5;
--color-barbiecore-50: #ffe2ff;
--color-barbiecore-100: #ffd1ff;
--color-barbiecore-200: #ffb5ff;
--color-barbiecore-300: #ec90ec;
--color-barbiecore-400: #d76ede;
--color-barbiecore-500: #c448cc;
--color-barbiecore-600: #a63ead;
--color-barbiecore-700: #85328b;
--color-barbiecore-800: #612369;
--color-barbiecore-900: #44184a;
--color-barbiecore-950: #2c0731;
}SCSS
$barbiecore: #ce5fd5;
$barbiecore-rgb: 206, 95, 213;
$barbiecore-light: mix(#fff, $barbiecore, 20%);
$barbiecore-dark: mix(#000, $barbiecore, 20%);
.element {
color: $barbiecore;
box-shadow: 0 0 0 2px rgba($barbiecore, 0.35);
}