이름 색상 · #F9906F
Salmon Nigiri
Salmon Nigiri은(는) #F9906F: rgb(249 144 111), hsl(14 92% 71%), oklch(0.758 0.136 38.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Salmon Nigiri color name →
#F9906F
oklch(0.758 0.136 38.2)
색상 변환
- HEX
- #f9906f
- RGB
- rgb(249 144 111)
- HSL
- hsl(14 92% 71%)
- HWB
- hwb(14 44% 2%)
- OKLCH
- oklch(0.758 0.136 38.2)
- OKLab
- oklab(0.758 0.107 0.084)
- CIE Lab
- lab(70.89 38.41 35.58)
- LCH
- lch(70.89 52.35 42.8)
- CMYK
- cmyk(0% 42% 55% 2%)
틴트 · 셰이드 · 톤
틴트
- FB9C7E
- FDA78C
- FEB29B
- FFBEA9
- FFC9B7
- FFD4C5
- FFDED4
- FFE9E2
- FFF4F1
셰이드
- D97D60
- B96A51
- 9A5742
- 7D4534
- 613427
- 46241A
- 2C150E
- 150704
- 030101
톤
- ED8F72
- E18E74
- D58D76
- C98B78
- BD8A7A
- B1887B
- A5867D
- 99847E
- 8D827F
색 조화
보색 +180°
- F9906F
Salmon Nigiri
- 07C4EA
≈ Blue Raspberry
유사색 -30° +30°
- F9906F
Salmon Nigiri
- F88AA0
≈ Strawberry Soap
- E89F45
≈ Granary Gold
삼각 배색 +120° +240°
- F9906F
Salmon Nigiri
- 58CA8F
≈ Vegetation
- 9EA8FF
≈ Widowmaker
분열 보색 +150° +210°
- F9906F
Salmon Nigiri
- 00CBC0
≈ Pristine Oceanic
- 69B7FF
≈ French Sky Blue
사각 배색 +90° +180° +270°
- F9906F
Salmon Nigiri
- 97C15E
≈ Cabbage Patch
- 07C4EA
≈ Blue Raspberry
- C998F2
≈ Dream Vapour
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.27:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.24:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.24:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--salmon-nigiri: #f9906f;
--salmon-nigiri-rgb: 249 144 111;
--salmon-nigiri-oklch: oklch(0.758 0.136 38.2);
}
.element {
color: var(--salmon-nigiri);
background-color: hsl(14 92% 71%);
border-color: oklch(0.758 0.136 38.2);
}Tailwind CSS v4
@theme {
--color-salmon-nigiri: #f9906f;
--color-salmon-nigiri-50: #ffe9d8;
--color-salmon-nigiri-100: #ffdac6;
--color-salmon-nigiri-200: #ffc1a8;
--color-salmon-nigiri-300: #f39f82;
--color-salmon-nigiri-400: #e28061;
--color-salmon-nigiri-500: #cf603d;
--color-salmon-nigiri-600: #af5235;
--color-salmon-nigiri-700: #8d422a;
--color-salmon-nigiri-800: #692f1f;
--color-salmon-nigiri-900: #4a2014;
--color-salmon-nigiri-950: #300f06;
}SCSS
$salmon-nigiri: #f9906f;
$salmon-nigiri-rgb: 249, 144, 111;
$salmon-nigiri-light: mix(#fff, $salmon-nigiri, 20%);
$salmon-nigiri-dark: mix(#000, $salmon-nigiri, 20%);
.element {
color: $salmon-nigiri;
box-shadow: 0 0 0 2px rgba($salmon-nigiri, 0.35);
}