이름 색상 · #FEA871
Salmon Buff
Salmon Buff은(는) #FEA871: rgb(254 168 113), hsl(23 99% 72%), oklch(0.805 0.124 52.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Salmon Buff color name →
#FEA871
oklch(0.805 0.124 52.7)
색상 변환
- HEX
- #fea871
- RGB
- rgb(254 168 113)
- HSL
- hsl(23 99% 72%)
- HWB
- hwb(23 44% 0%)
- OKLCH
- oklch(0.805 0.124 52.7)
- OKLab
- oklab(0.805 0.075 0.099)
- CIE Lab
- lab(76.75 28.62 41.86)
- LCH
- lch(76.75 50.71 55.6)
- CMYK
- cmyk(0% 34% 56% 0%)
틴트 · 셰이드 · 톤
틴트
- FFB180
- FFBA8F
- FFC39D
- FFCCAB
- FFD4B9
- FFDDC7
- FFE6D5
- FFEEE3
- FFF7F1
셰이드
- DD9261
- BD7C52
- 9E6743
- 805235
- 633F27
- 472C1A
- 2D1A0E
- 160A04
- 030101
톤
- F1A474
- E5A176
- D89D78
- CB997A
- BF957C
- B2917D
- A68D7E
- 99897F
- 8D847F
색 조화
보색 +180°
- FEA871
Salmon Buff
- 67CCFF
≈ Skyan
유사색 -30° +30°
- FEA871
Salmon Buff
- FFA29E
≈ Pink Dream
- E6B75A
≈ Mr Mustard
삼각 배색 +120° +240°
- FEA871
Salmon Buff
- 59D9B7
≈ Peppy
- C1B2FF
≈ Greyish Lavender
분열 보색 +150° +210°
- FEA871
Salmon Buff
- 3DD6E2
≈ Aztec Turquoise
- 9EBFFF
≈ Pastel Blue
사각 배색 +90° +180° +270°
- FEA871
Salmon Buff
- 8FD48A
≈ Botanist
- 67CCFF
≈ Skyan
- E6A4EE
≈ Petal Plush
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.89:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.05:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.05:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--salmon-buff: #fea871;
--salmon-buff-rgb: 254 168 113;
--salmon-buff-oklch: oklch(0.805 0.124 52.7);
}
.element {
color: var(--salmon-buff);
background-color: hsl(23 99% 72%);
border-color: oklch(0.805 0.124 52.7);
}Tailwind CSS v4
@theme {
--color-salmon-buff: #fea871;
--color-salmon-buff-50: #ffedd4;
--color-salmon-buff-100: #ffdec1;
--color-salmon-buff-200: #ffc7a2;
--color-salmon-buff-300: #e9a679;
--color-salmon-buff-400: #d78955;
--color-salmon-buff-500: #c46b2a;
--color-salmon-buff-600: #a65b26;
--color-salmon-buff-700: #85491e;
--color-salmon-buff-800: #643415;
--color-salmon-buff-900: #46230e;
--color-salmon-buff-950: #2d1202;
}SCSS
$salmon-buff: #fea871;
$salmon-buff-rgb: 254, 168, 113;
$salmon-buff-light: mix(#fff, $salmon-buff, 20%);
$salmon-buff-dark: mix(#000, $salmon-buff, 20%);
.element {
color: $salmon-buff;
box-shadow: 0 0 0 2px rgba($salmon-buff, 0.35);
}