가장 가까운 이름 색상 · #69001A
#69001A
가장 가까운 이름 색상: Forbidden Passion
#69001A(rgb(105 0 26), hsl(345 100% 21%), oklch(0.33 0.132 17.8))와 가장 가까운 이름 색상은 Forbidden Passion입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#69001A
oklch(0.33 0.132 17.8)
색상 변환
- HEX
- #69001a
- RGB
- rgb(105 0 26)
- HSL
- hsl(345 100% 21%)
- HWB
- hwb(345 0% 59%)
- OKLCH
- oklch(0.33 0.132 17.8)
- OKLab
- oklab(0.33 0.126 0.04)
- CIE Lab
- lab(20.85 42.63 18.62)
- LCH
- lch(20.85 46.52 23.6)
- CMYK
- cmyk(0% 100% 75% 59%)
틴트 · 셰이드 · 톤
틴트
- 7A242E
- 8A3D43
- 9A5558
- AA6C6E
- B98485
- C89B9C
- D6B4B4
- E4CCCC
- F2E6E5
셰이드
- 5A0015
- 4C0010
- 3E000C
- 310007
- 240004
- 180002
- 0C0001
- 040000
- 000000
톤
- 6D1724
- 71262E
- 753337
- 783F41
- 7A4A4B
- 7C5556
- 7E6060
- 7F6A6B
- 807575
색 조화
보색 +180°
- 69001A
Forbidden Passion
- 003E40
≈ Rich Black
유사색 -30° +30°
- 69001A
Forbidden Passion
- 610641
≈ Tyrian Purple
- 592300
≈ Conker Brown
삼각 배색 +120° +240°
- 69001A
Forbidden Passion
- 164100
≈ Forest Green
- 003272
≈ Konjō Blue
분열 보색 +150° +210°
- 69001A
Forbidden Passion
- 00402F
≈ UP Forest Green
- 003B4F
≈ Gibraltar Sea
사각 배색 +90° +180° +270°
- 69001A
Forbidden Passion
- 393800
≈ Camouflage
- 003E40
≈ Rich Black
- 352274
≈ Deep Space Rodeo
대비 및 접근성
Ag
AAA흰색 위
WCAG 12.99:1 · APCA Lc 97
Ag
Fail검은색 위
WCAG 1.61:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 12.99:1 (AAA) · APCA Lc 97
Contrast pairs
코드 스니펫
CSS
:root {
--forbidden-passion: #69001a;
--forbidden-passion-rgb: 105 0 26;
--forbidden-passion-oklch: oklch(0.33 0.132 17.8);
}
.element {
color: var(--forbidden-passion);
background-color: hsl(345 100% 21%);
border-color: oklch(0.33 0.132 17.8);
}Tailwind CSS v4
@theme {
--color-forbidden-passion: #69001a;
--color-forbidden-passion-50: #ffe7e6;
--color-forbidden-passion-100: #ffd7d6;
--color-forbidden-passion-200: #ffbebd;
--color-forbidden-passion-300: #f49c9c;
--color-forbidden-passion-400: #e27c81;
--color-forbidden-passion-500: #cf5c65;
--color-forbidden-passion-600: #af4f56;
--color-forbidden-passion-700: #8c3f44;
--color-forbidden-passion-800: #682d33;
--color-forbidden-passion-900: #491e22;
--color-forbidden-passion-950: #300d12;
}SCSS
$forbidden-passion: #69001a;
$forbidden-passion-rgb: 105, 0, 26;
$forbidden-passion-light: mix(#fff, $forbidden-passion, 20%);
$forbidden-passion-dark: mix(#000, $forbidden-passion, 20%);
.element {
color: $forbidden-passion;
box-shadow: 0 0 0 2px rgba($forbidden-passion, 0.35);
}