이름 색상 · #AA2200
Saveloy
Saveloy은(는) #AA2200: rgb(170 34 0), hsl(12 100% 33%), oklch(0.48 0.176 33.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Saveloy color name →
#AA2200
oklch(0.48 0.176 33.3)
색상 변환
- HEX
- #aa2200
- RGB
- rgb(170 34 0)
- HSL
- hsl(12 100% 33%)
- HWB
- hwb(12 0% 33%)
- OKLCH
- oklch(0.48 0.176 33.3)
- OKLab
- oklab(0.48 0.147 0.096)
- CIE Lab
- lab(38 53.74 52.03)
- LCH
- lch(38 74.8 44.1)
- CMYK
- cmyk(0% 80% 100% 33%)
틴트 · 셰이드 · 톤
틴트
- B53F27
- C05741
- CA6D58
- D38270
- DC9787
- E4AB9E
- ECC0B6
- F3D5CE
- F9EAE6
셰이드
- 931C00
- 7D1600
- 681100
- 530B00
- 3F0700
- 2D0300
- 1B0100
- 0B0000
- 010000
톤
- A8321A
- A53E29
- A24936
- 9F5242
- 9B5B4D
- 976357
- 926B62
- 8D726C
- 877976
색 조화
보색 +180°
- AA2200
Saveloy
- 00697A
≈ Teal With It
유사색 -30° +30°
- AA2200
Saveloy
- A61B53
≈ Plum Perfect
- 874D00
≈ Gédéon Brown
삼각 배색 +120° +240°
- AA2200
Saveloy
- 00713A
≈ Dartmouth Green
- 424DBE
≈ Kikorangi Blue
분열 보색 +150° +210°
- AA2200
Saveloy
- 006D62
≈ Deep Pacific
- 006399
≈ Atlantic Mystique
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.14:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 2.93:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 7.14:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--saveloy: #aa2200;
--saveloy-rgb: 170 34 0;
--saveloy-oklch: oklch(0.48 0.176 33.3);
}
.element {
color: var(--saveloy);
background-color: hsl(12 100% 33%);
border-color: oklch(0.48 0.176 33.3);
}Tailwind CSS v4
@theme {
--color-saveloy: #aa2200;
--color-saveloy-50: #ffe4d3;
--color-saveloy-100: #ffd4c0;
--color-saveloy-200: #ffb9a1;
--color-saveloy-300: #ff9478;
--color-saveloy-400: #f47156;
--color-saveloy-500: #e24b2c;
--color-saveloy-600: #bf4127;
--color-saveloy-700: #9a341f;
--color-saveloy-800: #732418;
--color-saveloy-900: #51180f;
--color-saveloy-950: #360703;
}SCSS
$saveloy: #aa2200;
$saveloy-rgb: 170, 34, 0;
$saveloy-light: mix(#fff, $saveloy, 20%);
$saveloy-dark: mix(#000, $saveloy, 20%);
.element {
color: $saveloy;
box-shadow: 0 0 0 2px rgba($saveloy, 0.35);
}