이름 색상 · #F5D180
Soft Straw
Soft Straw은(는) #F5D180: rgb(245 209 128), hsl(42 85% 73%), oklch(0.874 0.108 86.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Soft Straw color name →
#F5D180
oklch(0.874 0.108 86.2)
색상 변환
- HEX
- #f5d180
- RGB
- rgb(245 209 128)
- HSL
- hsl(42 85% 73%)
- HWB
- hwb(42 50% 4%)
- OKLCH
- oklch(0.874 0.108 86.2)
- OKLab
- oklab(0.874 0.007 0.108)
- CIE Lab
- lab(85.67 5.63 44.88)
- LCH
- lch(85.67 45.24 82.9)
- CMYK
- cmyk(0% 15% 48% 4%)
틴트 · 셰이드 · 톤
틴트
- F6D68E
- F7DB9B
- F8DFA8
- F9E4B5
- FAE9C2
- FBEDCE
- FCF2DB
- FDF6E7
- FEFBF3
셰이드
- D5B56E
- B69B5D
- 98814D
- 7B683D
- 5F502E
- 44391F
- 2B2312
- 151006
- 030201
톤
- E9C981
- DDC182
- D1B883
- C5B083
- B9A883
- ADA083
- A29883
- 969082
- 8B8881
색 조화
보색 +180°
- F5D180
Soft Straw
- C3D5FF
≈ Pale Phthalo Blue
유사색 -30° +30°
- F5D180
Soft Straw
- FFC9A3
≈ Polly
- D1DF8B
≈ Lime Ice
삼각 배색 +120° +240°
- F5D180
Soft Straw
- 75EAF9
≈ Robin’s Egg
- FBBDFC
≈ Distilled Rose
분열 보색 +150° +210°
- F5D180
Soft Straw
- A9DEFF
≈ Droplet
- D9CDFF
≈ Pale Lavender
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.46:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.31:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.31:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--soft-straw: #f5d180;
--soft-straw-rgb: 245 209 128;
--soft-straw-oklch: oklch(0.874 0.108 86.2);
}
.element {
color: var(--soft-straw);
background-color: hsl(42 85% 73%);
border-color: oklch(0.874 0.108 86.2);
}Tailwind CSS v4
@theme {
--color-soft-straw: #f5d180;
--color-soft-straw-50: #fff4d3;
--color-soft-straw-100: #f7e7c0;
--color-soft-straw-200: #e7d2a0;
--color-soft-straw-300: #ceb576;
--color-soft-straw-400: #bb9a4e;
--color-soft-straw-500: #a6801b;
--color-soft-straw-600: #8c6d1b;
--color-soft-straw-700: #705716;
--color-soft-straw-800: #543f0d;
--color-soft-straw-900: #3a2b08;
--color-soft-straw-950: #241800;
}SCSS
$soft-straw: #f5d180;
$soft-straw-rgb: 245, 209, 128;
$soft-straw-light: mix(#fff, $soft-straw, 20%);
$soft-straw-dark: mix(#000, $soft-straw, 20%);
.element {
color: $soft-straw;
box-shadow: 0 0 0 2px rgba($soft-straw, 0.35);
}