가장 가까운 이름 색상 · #FAC49E
#FAC49E
가장 가까운 이름 색상: Shrimp Toast
#FAC49E(rgb(250 196 158), hsl(25 90% 80%), oklch(0.859 0.08 56.6))와 가장 가까운 이름 색상은 Shrimp Toast입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FAC49E
oklch(0.859 0.08 56.6)
색상 변환
- HEX
- #fac49e
- RGB
- rgb(250 196 158)
- HSL
- hsl(25 90% 80%)
- HWB
- hwb(25 62% 2%)
- OKLCH
- oklch(0.859 0.08 56.6)
- OKLab
- oklab(0.859 0.044 0.067)
- CIE Lab
- lab(83.4 16.25 26.9)
- LCH
- lch(83.4 31.43 58.9)
- CMYK
- cmyk(0% 22% 37% 2%)
틴트 · 셰이드 · 톤
틴트
- FBCAA8
- FCD0B2
- FCD6BB
- FDDCC5
- FEE2CF
- FEE8D8
- FEEDE2
- FFF3EC
- FFF9F5
셰이드
- D9AA89
- BA9174
- 9B7860
- 7D614D
- 614A3A
- 463529
- 2D2118
- 150E09
- 030201
톤
- EDBD9B
- E1B698
- D4AF96
- C8A993
- BCA290
- B09B8D
- A4948A
- 988D86
- 8C8783
색 조화
보색 +180°
- FAC49E
Shrimp Toast
- 9ED9FF
≈ Shiva Blue
유사색 -30° +30°
- FAC49E
Shrimp Toast
- FFBEB6
≈ Melon Water
- E8CE94
≈ Sunlight
삼각 배색 +120° +240°
- FAC49E
Shrimp Toast
- 97E2CF
≈ Beach Glass
- D5C7FF
≈ Innocent Snowdrop
분열 보색 +150° +210°
- FAC49E
Shrimp Toast
- 90E0EB
≈ Photon Barrier
- BCD0FF
≈ Ice Cold Stare
사각 배색 +90° +180° +270°
- FAC49E
Shrimp Toast
- AFE0B2
≈ Celadon
- 9ED9FF
≈ Shiva Blue
- EDBFED
≈ Purple’s Baby Sister
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.56:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.45:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.45:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--shrimp-toast: #fac49e;
--shrimp-toast-rgb: 250 196 158;
--shrimp-toast-oklch: oklch(0.859 0.08 56.6);
}
.element {
color: var(--shrimp-toast);
background-color: hsl(25 90% 80%);
border-color: oklch(0.859 0.08 56.6);
}Tailwind CSS v4
@theme {
--color-shrimp-toast: #fac49e;
--color-shrimp-toast-50: #fff0df;
--color-shrimp-toast-100: #fde2ce;
--color-shrimp-toast-200: #efcdb3;
--color-shrimp-toast-300: #d7ae8f;
--color-shrimp-toast-400: #c39370;
--color-shrimp-toast-500: #af7850;
--color-shrimp-toast-600: #946644;
--color-shrimp-toast-700: #765136;
--color-shrimp-toast-800: #583b27;
--color-shrimp-toast-900: #3e281a;
--color-shrimp-toast-950: #27160b;
}SCSS
$shrimp-toast: #fac49e;
$shrimp-toast-rgb: 250, 196, 158;
$shrimp-toast-light: mix(#fff, $shrimp-toast, 20%);
$shrimp-toast-dark: mix(#000, $shrimp-toast, 20%);
.element {
color: $shrimp-toast;
box-shadow: 0 0 0 2px rgba($shrimp-toast, 0.35);
}