Màu có tên · #955AF2
Forgotten Kyawthuite
Forgotten Kyawthuite là #955AF2: rgb(149 90 242), hsl(263 85% 65%), oklch(0.61 0.218 297.4). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Purple mean? → · Forgotten Kyawthuite color name →
#955AF2
oklch(0.61 0.218 297.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9E6DF5
- A87FF7
- B290FA
- BCA0FB
- C7B0FD
- D2C0FE
- DDD0FF
- E8E0FF
- F3EFFF
Sắc đậm
- 814DD2
- 6D41B4
- 5A3596
- 482979
- 371E5E
- 261343
- 16092B
- 080314
- 010003
Sắc xám
- 9260E7
- 9066DC
- 8E6BD1
- 8B6FC6
- 8973BA
- 8776AF
- 8579A4
- 837C98
- 827E8C
Hòa sắc
Bổ túc +180°
- 955AF2
Forgotten Kyawthuite
- 7D8D00
≈ Foggy Bog
Tương đồng -30° +30°
- 955AF2
Forgotten Kyawthuite
- 4C75FF
≈ Lightish Blue
- C343C4
≈ Ultraviolet Cryner
Bộ ba +120° +240°
- 955AF2
Forgotten Kyawthuite
- C36800
≈ Hawaiian Sunset
- 009982
≈ Paolo Veronese Green
Bổ túc chia +150° +210°
- 955AF2
Forgotten Kyawthuite
- A37D00
≈ Hornet Yellow
- 009E3B
≈ Gangly Gremlin
Bộ bốn +90° +180° +270°
- 955AF2
Forgotten Kyawthuite
- E9332F
≈ Krasnyi Red
- 7D8D00
≈ Foggy Bog
- 0094A3
≈ Tile Blue
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.18:1 · APCA Lc 68
Ag
AATrên nền đen
WCAG 5.02:1 · APCA Lc 33
Màu chữ tốt nhất: #000000
WCAG 5.02:1 (AA) · APCA Lc 33
Contrast pairs
Đoạn mã
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);
}