Nazwany kolor · #937496
Veri Berri
Veri Berri to #937496: rgb(147 116 150), hsl(295 14% 52%), oklch(0.601 0.062 323.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Veri Berri color name →
#937496
oklch(0.601 0.062 323.4)
Konwersje koloru
- HEX
- #937496
- RGB
- rgb(147 116 150)
- HSL
- hsl(295 14% 52%)
- HWB
- hwb(295 45% 41%)
- OKLCH
- oklch(0.601 0.062 323.4)
- OKLab
- oklab(0.601 0.05 -0.037)
- CIE Lab
- lab(52.8 17.16 -13.68)
- LCH
- lch(52.8 21.94 321.4)
- CMYK
- cmyk(2% 23% 0% 41%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9D81A0
- A88EAA
- B39CB5
- BDAABF
- C8B7CA
- D3C5D4
- DED4DF
- E9E2E9
- F4F0F4
Odcienie ciemniejsze
- 7F6482
- 6C546E
- 59455B
- 473749
- 362937
- 251B26
- 160F16
- 080508
- 010101
Tony
- 917594
- 8F7792
- 8E7890
- 8C798D
- 8A7A8B
- 887B89
- 867D87
- 847E85
- 827F82
Harmonie kolorów
Komplementarna +180°
- 937496
Veri Berri
- 6A8A68
≈ Shale Green
Analogowa -30° +30°
- 937496
Veri Berri
- 827AA3
≈ Second Pour
- 9F7183
≈ Dusk Wine
Triada +120° +240°
- 937496
Veri Berri
- 927D55
≈ Old Ruin
- 508C91
≈ Dusty Turquoise
Komplementarna rozszczepiona +150° +210°
- 937496
Veri Berri
- 808559
≈ Tuscany Hillside
- 578D7D
≈ Privet Hedge
Tetrada +90° +180° +270°
- 937496
Veri Berri
- 9E765D
≈ Baked Sienna
- 6A8A68
≈ Shale Green
- 5A87A0
≈ Blue Team Spirit
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.05:1 · APCA Lc 68
Ag
AANa czerni
WCAG 5.17:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.17:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--veri-berri: #937496;
--veri-berri-rgb: 147 116 150;
--veri-berri-oklch: oklch(0.601 0.062 323.4);
}
.element {
color: var(--veri-berri);
background-color: hsl(295 14% 52%);
border-color: oklch(0.601 0.062 323.4);
}Tailwind CSS v4
@theme {
--color-veri-berri: #937496;
--color-veri-berri-50: #ffefff;
--color-veri-berri-100: #f3e1f3;
--color-veri-berri-200: #e3cce3;
--color-veri-berri-300: #c8adc9;
--color-veri-berri-400: #b192b4;
--color-veri-berri-500: #9b789e;
--color-veri-berri-600: #836686;
--color-veri-berri-700: #69516b;
--color-veri-berri-800: #4d3b4f;
--color-veri-berri-900: #352937;
--color-veri-berri-950: #201722;
}SCSS
$veri-berri: #937496;
$veri-berri-rgb: 147, 116, 150;
$veri-berri-light: mix(#fff, $veri-berri, 20%);
$veri-berri-dark: mix(#000, $veri-berri, 20%);
.element {
color: $veri-berri;
box-shadow: 0 0 0 2px rgba($veri-berri, 0.35);
}