가장 가까운 이름 색상 · #F5C29E
#F5C29E
가장 가까운 이름 색상: Shrimp Toast
#F5C29E(rgb(245 194 158), hsl(25 81% 79%), oklch(0.851 0.076 56.7))와 가장 가까운 이름 색상은 Shrimp Toast입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#F5C29E
oklch(0.851 0.076 56.7)
색상 변환
- HEX
- #f5c29e
- RGB
- rgb(245 194 158)
- HSL
- hsl(25 81% 79%)
- HWB
- hwb(25 62% 4%)
- OKLCH
- oklch(0.851 0.076 56.7)
- OKLab
- oklab(0.851 0.042 0.063)
- CIE Lab
- lab(82.41 15.3 25.48)
- LCH
- lch(82.41 29.72 59)
- CMYK
- cmyk(0% 21% 36% 4%)
틴트 · 셰이드 · 톤
틴트
- F6C8A8
- F8CEB1
- F9D4BB
- FADBC5
- FBE1CF
- FCE7D8
- FDEDE2
- FEF3EC
- FEF9F5
셰이드
- D5A889
- B68F74
- 987760
- 7B604D
- 5F493A
- 443429
- 2B2018
- 150E09
- 030201
톤
- E9BB9B
- DDB598
- D1AE96
- C5A793
- B9A190
- AE9A8D
- A2948A
- 978D86
- 8B8783
색 조화
보색 +180°
- F5C29E
Shrimp Toast
- 9FD6FA
≈ Malmö FF
유사색 -30° +30°
- F5C29E
Shrimp Toast
- FCBCB4
≈ Melon Water
- E4CB95
≈ Abstract
삼각 배색 +120° +240°
- F5C29E
Shrimp Toast
- 98DFCD
≈ Beach Glass
- D2C4FA
≈ Innocent Snowdrop
분열 보색 +150° +210°
- F5C29E
Shrimp Toast
- 91DDE7
≈ Paradisiacal Getaway
- B8CDFF
≈ Ice Cold Stare
사각 배색 +90° +180° +270°
- F5C29E
Shrimp Toast
- AEDCB1
≈ Big Spender
- 9FD6FA
≈ Malmö FF
- E9BDE8
≈ Lovecloud
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.60:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.09:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.09:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--shrimp-toast: #f5c29e;
--shrimp-toast-rgb: 245 194 158;
--shrimp-toast-oklch: oklch(0.851 0.076 56.7);
}
.element {
color: var(--shrimp-toast);
background-color: hsl(25 81% 79%);
border-color: oklch(0.851 0.076 56.7);
}Tailwind CSS v4
@theme {
--color-shrimp-toast: #f5c29e;
--color-shrimp-toast-50: #fff1e0;
--color-shrimp-toast-100: #fce2d0;
--color-shrimp-toast-200: #eecdb5;
--color-shrimp-toast-300: #d5af91;
--color-shrimp-toast-400: #c19373;
--color-shrimp-toast-500: #ad7953;
--color-shrimp-toast-600: #926747;
--color-shrimp-toast-700: #755238;
--color-shrimp-toast-800: #573b29;
--color-shrimp-toast-900: #3d291b;
--color-shrimp-toast-950: #26160c;
}SCSS
$shrimp-toast: #f5c29e;
$shrimp-toast-rgb: 245, 194, 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);
}