이름 색상 · #F7D395
Jonquil Trail
Jonquil Trail은(는) #F7D395: rgb(247 211 149), hsl(38 86% 78%), oklch(0.883 0.089 80.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Jonquil Trail color name →
#F7D395
oklch(0.883 0.089 80.7)
색상 변환
- HEX
- #f7d395
- RGB
- rgb(247 211 149)
- HSL
- hsl(38 86% 78%)
- HWB
- hwb(38 58% 3%)
- OKLCH
- oklch(0.883 0.089 80.7)
- OKLab
- oklab(0.883 0.014 0.087)
- CIE Lab
- lab(86.61 6.97 35.64)
- LCH
- lch(86.61 36.31 78.9)
- CMYK
- cmyk(0% 15% 40% 3%)
틴트 · 셰이드 · 톤
틴트
- F8D8A0
- F9DCAB
- FAE0B6
- FBE5C0
- FBE9CB
- FCEED6
- FDF2E0
- FEF6EA
- FEFBF5
셰이드
- D7B781
- B79C6D
- 99825A
- 7C6948
- 605137
- 453A26
- 2C2416
- 151008
- 030201
톤
- EBCA94
- DEC292
- D2BA90
- C6B18E
- BAA98C
- AEA18A
- A29888
- 979085
- 8B8883
색 조화
보색 +180°
- F7D395
Jonquil Trail
- C4DAFF
≈ Broad Daylight
유사색 -30° +30°
- F7D395
Jonquil Trail
- FFCCB0
≈ Blushing Cherub
- DBDF9A
≈ Young Wheat
삼각 배색 +120° +240°
- F7D395
Jonquil Trail
- 8EEBF0
≈ Bath Water
- F4C6FD
≈ Aquarelle Lilac
분열 보색 +150° +210°
- F7D395
Jonquil Trail
- A9E2FF
≈ Frozen Landscape
- D8D2FF
≈ Pale Lavender
사각 배색 +90° +180° +270°
- F7D395
Jonquil Trail
- 9BECD0
≈ Oasis Stream
- C4DAFF
≈ Broad Daylight
- FFC6DF
≈ Sweet Romance
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.42:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.70:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.70:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--jonquil-trail: #f7d395;
--jonquil-trail-rgb: 247 211 149;
--jonquil-trail-oklch: oklch(0.883 0.089 80.7);
}
.element {
color: var(--jonquil-trail);
background-color: hsl(38 86% 78%);
border-color: oklch(0.883 0.089 80.7);
}Tailwind CSS v4
@theme {
--color-jonquil-trail: #f7d395;
--color-jonquil-trail-50: #fff3d9;
--color-jonquil-trail-100: #f7e6c7;
--color-jonquil-trail-200: #e7d1aa;
--color-jonquil-trail-300: #ceb483;
--color-jonquil-trail-400: #ba9960;
--color-jonquil-trail-500: #a4803b;
--color-jonquil-trail-600: #8b6c33;
--color-jonquil-trail-700: #6f5629;
--color-jonquil-trail-800: #533e1c;
--color-jonquil-trail-900: #3a2b12;
--color-jonquil-trail-950: #241805;
}SCSS
$jonquil-trail: #f7d395;
$jonquil-trail-rgb: 247, 211, 149;
$jonquil-trail-light: mix(#fff, $jonquil-trail, 20%);
$jonquil-trail-dark: mix(#000, $jonquil-trail, 20%);
.element {
color: $jonquil-trail;
box-shadow: 0 0 0 2px rgba($jonquil-trail, 0.35);
}