Benannte Farbe · #8892BF
PHP Purple
PHP Purple ist #8892BF: rgb(136 146 191), hsl(229 30% 64%), oklch(0.669 0.068 274.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · PHP Purple color name →
#8892BF
oklch(0.669 0.068 274.7)
Farbumrechnungen
- HEX
- #8892bf
- RGB
- rgb(136 146 191)
- HSL
- hsl(229 30% 64%)
- HWB
- hwb(229 53% 25%)
- OKLCH
- oklch(0.669 0.068 274.7)
- OKLab
- oklab(0.669 0.006 -0.068)
- CIE Lab
- lab(60.99 4.12 -24.8)
- LCH
- lch(60.99 25.14 279.4)
- CMYK
- cmyk(29% 24% 0% 25%)
Tints · Shades · Tones
Tints
- 939DC6
- 9FA7CC
- AAB2D3
- B6BDD9
- C2C8DF
- CED2E6
- DADDEC
- E6E9F2
- F2F4F9
Shades
- 757EA6
- 636B8D
- 525875
- 41465E
- 313548
- 222533
- 13161F
- 06080D
- 010102
Tones
- 8790B9
- 868FB2
- 868DAC
- 858BA6
- 8489A0
- 838799
- 828693
- 82848D
- 818286
Farbharmonien
Komplementär +180°
- 8892BF
PHP Purple
- A29564
≈ Keemun
Analog -30° +30°
- 8892BF
PHP Purple
- 719ABC
≈ Blue Ballad
- 9E8BB7
≈ Kismet
Triadisch +120° +240°
- 8892BF
PHP Purple
- BA8679
≈ Dusky Damask
- 73A282
≈ Corporate Green
Geteilt komplementär +150° +210°
- 8892BF
PHP Purple
- B28C68
≈ Freckled Nose
- 8B9C6E
≈ Exotic Palm
Tetradisch +90° +180° +270°
- 8892BF
PHP Purple
- B9848F
≈ Berry Blush
- A29564
≈ Keemun
- 62A39A
≈ Aqua Rapids
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.03:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.91:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 6.91:1 (AA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--php-purple: #8892bf;
--php-purple-rgb: 136 146 191;
--php-purple-oklch: oklch(0.669 0.068 274.7);
}
.element {
color: var(--php-purple);
background-color: hsl(229 30% 64%);
border-color: oklch(0.669 0.068 274.7);
}Tailwind CSS v4
@theme {
--color-php-purple: #8892bf;
--color-php-purple-50: #f0f4ff;
--color-php-purple-100: #e1e6ff;
--color-php-purple-200: #ccd2f2;
--color-php-purple-300: #aeb5db;
--color-php-purple-400: #929cc7;
--color-php-purple-500: #7883b3;
--color-php-purple-600: #666f98;
--color-php-purple-700: #51597a;
--color-php-purple-800: #3a415a;
--color-php-purple-900: #282d3f;
--color-php-purple-950: #161a28;
}SCSS
$php-purple: #8892bf;
$php-purple-rgb: 136, 146, 191;
$php-purple-light: mix(#fff, $php-purple, 20%);
$php-purple-dark: mix(#000, $php-purple, 20%);
.element {
color: $php-purple;
box-shadow: 0 0 0 2px rgba($php-purple, 0.35);
}