이름 색상 · #FF7E79
Salmon Sashimi
Salmon Sashimi은(는) #FF7E79: rgb(255 126 121), hsl(2 100% 74%), oklch(0.74 0.158 23.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Salmon Sashimi color name →
#FF7E79
oklch(0.74 0.158 23.9)
색상 변환
- HEX
- #ff7e79
- RGB
- rgb(255 126 121)
- HSL
- hsl(2 100% 74%)
- HWB
- hwb(2 47% 0%)
- OKLCH
- oklch(0.74 0.158 23.9)
- OKLab
- oklab(0.74 0.145 0.064)
- CIE Lab
- lab(68.29 49.77 27.03)
- LCH
- lch(68.29 56.64 28.5)
- CMYK
- cmyk(0% 51% 53% 0%)
틴트 · 셰이드 · 톤
틴트
- FF8C86
- FF9A93
- FFA7A1
- FFB4AE
- FFC1BB
- FFCDC9
- FFDAD6
- FFE6E4
- FFF3F1
셰이드
- DE6D68
- BE5C58
- 9E4C48
- 803C39
- 632D2B
- 481F1D
- 2E1110
- 160505
- 030101
톤
- F37F7A
- E6817B
- DA817C
- CE827D
- C1827E
- B5827E
- A8827F
- 9B817F
- 8E8180
색 조화
보색 +180°
- FF7E79
Salmon Sashimi
- 00C1CF
≈ The Crowd Roars!
유사색 -30° +30°
- FF7E79
Salmon Sashimi
- F57DB2
≈ Erythrosine
- F68B3B
≈ Hot Orange
삼각 배색 +120° +240°
- FF7E79
Salmon Sashimi
- 66C466
≈ Verdant Oasis
- 7FA9FF
≈ Fennel Flower
분열 보색 +150° +210°
- FF7E79
Salmon Sashimi
- 00C7A4
≈ Jadeite
- 00B9FD
≈ Blue Bolt
사각 배색 +90° +180° +270°
- FF7E79
Salmon Sashimi
- AAB520
≈ Mustard Green
- 00C1CF
≈ The Crowd Roars!
- B197FF
≈ Liliac
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.46:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.51:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.51:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--salmon-sashimi: #ff7e79;
--salmon-sashimi-rgb: 255 126 121;
--salmon-sashimi-oklch: oklch(0.74 0.158 23.9);
}
.element {
color: var(--salmon-sashimi);
background-color: hsl(2 100% 74%);
border-color: oklch(0.74 0.158 23.9);
}Tailwind CSS v4
@theme {
--color-salmon-sashimi: #ff7e79;
--color-salmon-sashimi-50: #ffe5de;
--color-salmon-sashimi-100: #ffd4cd;
--color-salmon-sashimi-200: #ffbab1;
--color-salmon-sashimi-300: #fe968d;
--color-salmon-sashimi-400: #ed7470;
--color-salmon-sashimi-500: #db5150;
--color-salmon-sashimi-600: #b94544;
--color-salmon-sashimi-700: #953736;
--color-salmon-sashimi-800: #6f2729;
--color-salmon-sashimi-900: #4e1a1b;
--color-salmon-sashimi-950: #340a0c;
}SCSS
$salmon-sashimi: #ff7e79;
$salmon-sashimi-rgb: 255, 126, 121;
$salmon-sashimi-light: mix(#fff, $salmon-sashimi, 20%);
$salmon-sashimi-dark: mix(#000, $salmon-sashimi, 20%);
.element {
color: $salmon-sashimi;
box-shadow: 0 0 0 2px rgba($salmon-sashimi, 0.35);
}