이름 색상 · #674196
Sweet Flag
Sweet Flag은(는) #674196: rgb(103 65 150), hsl(267 40% 42%), oklch(0.46 0.136 302). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Sweet Flag color name →
#674196
oklch(0.46 0.136 302)
색상 변환
- HEX
- #674196
- RGB
- rgb(103 65 150)
- HSL
- hsl(267 40% 42%)
- HWB
- hwb(267 25% 41%)
- OKLCH
- oklch(0.46 0.136 302)
- OKLab
- oklab(0.46 0.072 -0.115)
- CIE Lab
- lab(35.31 30.61 -41.19)
- LCH
- lch(35.31 51.32 306.6)
- CMYK
- cmyk(31% 57% 0% 41%)
틴트 · 셰이드 · 톤
틴트
- 7554A1
- 8366AC
- 9179B7
- A08BC1
- AF9ECC
- BFB1D6
- CEC4E1
- DED8EB
- EFEBF5
셰이드
- 593782
- 4B2E6E
- 3D255B
- 301C49
- 231337
- 170B26
- 0C0516
- 040108
- 000001
톤
- 694894
- 6C4F93
- 6E5691
- 715C8F
- 73638D
- 76698B
- 786F88
- 7B7486
- 7D7A83
색 조화
보색 +180°
- 674196
Sweet Flag
- 4E6100
≈ Camouflage Green
유사색 -30° +30°
- 674196
Sweet Flag
- 3F4FA3
≈ Dazzling Blue
- 823679
≈ Sparkling Grape
삼각 배색 +120° +240°
- 674196
Sweet Flag
- 814800
≈ Dried Mustard
- 00675C
≈ Dancing Dragonfly
분열 보색 +150° +210°
- 674196
Sweet Flag
- 6B5600
≈ Ayahuasca Vine
- 006A34
≈ Universal Green
사각 배색 +90° +180° +270°
- 674196
Sweet Flag
- 953222
≈ Bengara Red
- 4E6100
≈ Camouflage Green
- 006472
≈ Green Spool
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.57:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.77:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 7.57:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--sweet-flag: #674196;
--sweet-flag-rgb: 103 65 150;
--sweet-flag-oklch: oklch(0.46 0.136 302);
}
.element {
color: var(--sweet-flag);
background-color: hsl(267 40% 42%);
border-color: oklch(0.46 0.136 302);
}Tailwind CSS v4
@theme {
--color-sweet-flag: #674196;
--color-sweet-flag-50: #fdecff;
--color-sweet-flag-100: #f1ddff;
--color-sweet-flag-200: #e1c6ff;
--color-sweet-flag-300: #c6a6f0;
--color-sweet-flag-400: #ad8ae1;
--color-sweet-flag-500: #976dd0;
--color-sweet-flag-600: #805db0;
--color-sweet-flag-700: #664a8d;
--color-sweet-flag-800: #4a366a;
--color-sweet-flag-900: #33254a;
--color-sweet-flag-950: #1f1331;
}SCSS
$sweet-flag: #674196;
$sweet-flag-rgb: 103, 65, 150;
$sweet-flag-light: mix(#fff, $sweet-flag, 20%);
$sweet-flag-dark: mix(#000, $sweet-flag, 20%);
.element {
color: $sweet-flag;
box-shadow: 0 0 0 2px rgba($sweet-flag, 0.35);
}