Colore con nome · #636285
Pharaoh Purple
Pharaoh Purple è #636285: rgb(99 98 133), hsl(242 15% 45%), oklch(0.511 0.055 285.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Pharaoh Purple color name →
#636285
oklch(0.511 0.055 285.6)
Conversioni di colore
- HEX
- #636285
- RGB
- rgb(99 98 133)
- HSL
- hsl(242 15% 45%)
- HWB
- hwb(242 38% 48%)
- OKLCH
- oklch(0.511 0.055 285.6)
- OKLab
- oklab(0.511 0.015 -0.053)
- CIE Lab
- lab(42.69 6.64 -19.44)
- LCH
- lch(42.69 20.55 288.9)
- CMYK
- cmyk(26% 26% 0% 48%)
Tinte · Ombre · Toni
Tinte
- 717191
- 807F9D
- 8F8FA9
- 9E9EB5
- ADAEC1
- BDBDCD
- CDCDD9
- DEDEE6
- EEEEF2
Ombre
- 555473
- 474761
- 3A3A50
- 2E2D40
- 212130
- 161621
- 0B0B13
- 030306
- 000001
Toni
- 666585
- 696884
- 6B6B84
- 6E6E84
- 717183
- 747483
- 777782
- 7A7A81
- 7D7D81
Armonie di colore
Complementare +180°
- 636285
Pharaoh Purple
- 6A6843
≈ Eat Your Greens
Analogo -30° +30°
- 636285
Pharaoh Purple
- 516886
≈ Stained Glass
- 735D7C
≈ Grape Compote
Triadico +120° +240°
- 636285
Pharaoh Purple
- 815D4C
≈ Acorn
- 47715F
≈ Cormorant
Complementare divisa +150° +210°
- 636285
Pharaoh Purple
- 796242
≈ Olive Wood
- 586E4E
≈ Daylight Jungle
Tetradico +90° +180° +270°
- 636285
Pharaoh Purple
- 83595C
≈ Alaea
- 6A6843
≈ Eat Your Greens
- 3D7070
≈ Peabody
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.80:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.61:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.80:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--pharaoh-purple: #636285;
--pharaoh-purple-rgb: 99 98 133;
--pharaoh-purple-oklch: oklch(0.511 0.055 285.6);
}
.element {
color: var(--pharaoh-purple);
background-color: hsl(242 15% 45%);
border-color: oklch(0.511 0.055 285.6);
}Tailwind CSS v4
@theme {
--color-pharaoh-purple: #636285;
--color-pharaoh-purple-50: #f4f3ff;
--color-pharaoh-purple-100: #e6e5fa;
--color-pharaoh-purple-200: #d2d1eb;
--color-pharaoh-purple-300: #b5b4d3;
--color-pharaoh-purple-400: #9b9abe;
--color-pharaoh-purple-500: #8281aa;
--color-pharaoh-purple-600: #6e6d8f;
--color-pharaoh-purple-700: #585873;
--color-pharaoh-purple-800: #404055;
--color-pharaoh-purple-900: #2c2c3b;
--color-pharaoh-purple-950: #191925;
}SCSS
$pharaoh-purple: #636285;
$pharaoh-purple-rgb: 99, 98, 133;
$pharaoh-purple-light: mix(#fff, $pharaoh-purple, 20%);
$pharaoh-purple-dark: mix(#000, $pharaoh-purple, 20%);
.element {
color: $pharaoh-purple;
box-shadow: 0 0 0 2px rgba($pharaoh-purple, 0.35);
}