가장 가까운 이름 색상 · #2F3571
#2F3571
가장 가까운 이름 색상: Good Karma
#2F3571(rgb(47 53 113), hsl(235 41% 31%), oklch(0.358 0.102 275.7))와 가장 가까운 이름 색상은 Good Karma입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#2F3571
oklch(0.358 0.102 275.7)
색상 변환
- HEX
- #2f3571
- RGB
- rgb(47 53 113)
- HSL
- hsl(235 41% 31%)
- HWB
- hwb(235 18% 56%)
- OKLCH
- oklch(0.358 0.102 275.7)
- OKLab
- oklab(0.358 0.01 -0.102)
- CIE Lab
- lab(24.28 12.51 -36.25)
- LCH
- lch(24.28 38.35 289)
- CMYK
- cmyk(58% 53% 0% 56%)
틴트 · 셰이드 · 톤
틴트
- 40487F
- 535B8E
- 666E9C
- 7A82AA
- 8F96B8
- A4AAC6
- BABFD4
- D1D4E3
- E8E9F1
셰이드
- 272D61
- 202552
- 191D43
- 121535
- 0C0E27
- 06081A
- 03030E
- 010104
- 000001
톤
- 363D73
- 3D4575
- 454C77
- 4D5479
- 555B7A
- 5D637C
- 666A7D
- 6E717E
- 77797F
색 조화
보색 +180°
- 2F3571
Good Karma
- 483C00
≈ Xanthophobia
유사색 -30° +30°
- 2F3571
Good Karma
- 004069
≈ Dark Imperial Blue
- 4A2B66
≈ Violet Indigo
삼각 배색 +120° +240°
- 2F3571
Good Karma
- 672311
≈ Brown Moelleux
- 004A28
≈ Alaskan Moss
분열 보색 +150° +210°
- 2F3571
Good Karma
- 583200
≈ Eyelash Camel
- 314400
≈ Garden Shadow
사각 배색 +90° +180° +270°
- 2F3571
Good Karma
- 662035
≈ Wine Country
- 483C00
≈ Xanthophobia
- 004741
≈ Tropical Forest
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.23:1 · APCA Lc 96
Ag
Fail검은색 위
WCAG 1.86:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 11.23:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
CSS
:root {
--good-karma: #2f3571;
--good-karma-rgb: 47 53 113;
--good-karma-oklch: oklch(0.358 0.102 275.7);
}
.element {
color: var(--good-karma);
background-color: hsl(235 41% 31%);
border-color: oklch(0.358 0.102 275.7);
}Tailwind CSS v4
@theme {
--color-good-karma: #2f3571;
--color-good-karma-50: #edf3ff;
--color-good-karma-100: #dfe5ff;
--color-good-karma-200: #c9d1ff;
--color-good-karma-300: #aab3ec;
--color-good-karma-400: #8d99db;
--color-good-karma-500: #747fc9;
--color-good-karma-600: #626caa;
--color-good-karma-700: #4e5689;
--color-good-karma-800: #373f66;
--color-good-karma-900: #262c47;
--color-good-karma-950: #14192f;
}SCSS
$good-karma: #2f3571;
$good-karma-rgb: 47, 53, 113;
$good-karma-light: mix(#fff, $good-karma, 20%);
$good-karma-dark: mix(#000, $good-karma, 20%);
.element {
color: $good-karma;
box-shadow: 0 0 0 2px rgba($good-karma, 0.35);
}