Colore con nome · #955AF2
Forgotten Kyawthuite
Forgotten Kyawthuite è #955AF2: rgb(149 90 242), hsl(263 85% 65%), oklch(0.61 0.218 297.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Forgotten Kyawthuite color name →
#955AF2
oklch(0.61 0.218 297.4)
Conversioni di colore
- HEX
- #955af2
- RGB
- rgb(149 90 242)
- HSL
- hsl(263 85% 65%)
- HWB
- hwb(263 35% 5%)
- OKLCH
- oklch(0.61 0.218 297.4)
- OKLab
- oklab(0.61 0.1 -0.193)
- CIE Lab
- lab(51.15 48.4 -68.76)
- LCH
- lch(51.15 84.09 305.1)
- CMYK
- cmyk(38% 63% 0% 5%)
Tinte · Ombre · Toni
Tinte
- 9E6DF5
- A87FF7
- B290FA
- BCA0FB
- C7B0FD
- D2C0FE
- DDD0FF
- E8E0FF
- F3EFFF
Ombre
- 814DD2
- 6D41B4
- 5A3596
- 482979
- 371E5E
- 261343
- 16092B
- 080314
- 010003
Toni
- 9260E7
- 9066DC
- 8E6BD1
- 8B6FC6
- 8973BA
- 8776AF
- 8579A4
- 837C98
- 827E8C
Armonie di colore
Complementare +180°
- 955AF2
Forgotten Kyawthuite
- 7D8D00
≈ Foggy Bog
Analogo -30° +30°
- 955AF2
Forgotten Kyawthuite
- 4C75FF
≈ Lightish Blue
- C343C4
≈ Ultraviolet Cryner
Triadico +120° +240°
- 955AF2
Forgotten Kyawthuite
- C36800
≈ Hawaiian Sunset
- 009982
≈ Paolo Veronese Green
Complementare divisa +150° +210°
- 955AF2
Forgotten Kyawthuite
- A37D00
≈ Hornet Yellow
- 009E3B
≈ Gangly Gremlin
Tetradico +90° +180° +270°
- 955AF2
Forgotten Kyawthuite
- E9332F
≈ Krasnyi Red
- 7D8D00
≈ Foggy Bog
- 0094A3
≈ Tile Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.18:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.02:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 5.02:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--forgotten-kyawthuite: #955af2;
--forgotten-kyawthuite-rgb: 149 90 242;
--forgotten-kyawthuite-oklch: oklch(0.61 0.218 297.4);
}
.element {
color: var(--forgotten-kyawthuite);
background-color: hsl(263 85% 65%);
border-color: oklch(0.61 0.218 297.4);
}Tailwind CSS v4
@theme {
--color-forgotten-kyawthuite: #955af2;
--color-forgotten-kyawthuite-50: #fee8ff;
--color-forgotten-kyawthuite-100: #f2d8ff;
--color-forgotten-kyawthuite-200: #e2bfff;
--color-forgotten-kyawthuite-300: #c89bff;
--color-forgotten-kyawthuite-400: #af7bff;
--color-forgotten-kyawthuite-500: #9a56ff;
--color-forgotten-kyawthuite-600: #824ad8;
--color-forgotten-kyawthuite-700: #683bae;
--color-forgotten-kyawthuite-800: #4b2b84;
--color-forgotten-kyawthuite-900: #341d5d;
--color-forgotten-kyawthuite-950: #200b40;
}SCSS
$forgotten-kyawthuite: #955af2;
$forgotten-kyawthuite-rgb: 149, 90, 242;
$forgotten-kyawthuite-light: mix(#fff, $forgotten-kyawthuite, 20%);
$forgotten-kyawthuite-dark: mix(#000, $forgotten-kyawthuite, 20%);
.element {
color: $forgotten-kyawthuite;
box-shadow: 0 0 0 2px rgba($forgotten-kyawthuite, 0.35);
}