이름 색상 · #955AF2
Forgotten Kyawthuite
Forgotten Kyawthuite은(는) #955AF2: rgb(149 90 242), hsl(263 85% 65%), oklch(0.61 0.218 297.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Forgotten Kyawthuite color name →
#955AF2
oklch(0.61 0.218 297.4)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 9E6DF5
- A87FF7
- B290FA
- BCA0FB
- C7B0FD
- D2C0FE
- DDD0FF
- E8E0FF
- F3EFFF
셰이드
- 814DD2
- 6D41B4
- 5A3596
- 482979
- 371E5E
- 261343
- 16092B
- 080314
- 010003
톤
- 9260E7
- 9066DC
- 8E6BD1
- 8B6FC6
- 8973BA
- 8776AF
- 8579A4
- 837C98
- 827E8C
색 조화
보색 +180°
- 955AF2
Forgotten Kyawthuite
- 7D8D00
≈ Foggy Bog
유사색 -30° +30°
- 955AF2
Forgotten Kyawthuite
- 4C75FF
≈ Lightish Blue
- C343C4
≈ Ultraviolet Cryner
삼각 배색 +120° +240°
- 955AF2
Forgotten Kyawthuite
- C36800
≈ Hawaiian Sunset
- 009982
≈ Paolo Veronese Green
분열 보색 +150° +210°
- 955AF2
Forgotten Kyawthuite
- A37D00
≈ Hornet Yellow
- 009E3B
≈ Gangly Gremlin
사각 배색 +90° +180° +270°
- 955AF2
Forgotten Kyawthuite
- E9332F
≈ Krasnyi Red
- 7D8D00
≈ Foggy Bog
- 0094A3
≈ Tile Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.18:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.02:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 5.02:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
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);
}