이름 색상 · #EEDD33
Juicy Jackfruit
Juicy Jackfruit은(는) #EEDD33: rgb(238 221 51), hsl(55 85% 57%), oklch(0.885 0.174 103.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Juicy Jackfruit color name →
#EEDD33
oklch(0.885 0.174 103.3)
색상 변환
- HEX
- #eedd33
- RGB
- rgb(238 221 51)
- HSL
- hsl(55 85% 57%)
- HWB
- hwb(55 20% 7%)
- OKLCH
- oklch(0.885 0.174 103.3)
- OKLab
- oklab(0.885 -0.04 0.169)
- CIE Lab
- lab(87.51 -6.42 77.64)
- LCH
- lch(87.51 77.9 94.7)
- CMYK
- cmyk(0% 7% 79% 7%)
틴트 · 셰이드 · 톤
틴트
- EFE156
- F1E56F
- F3E885
- F4EC99
- F6EFAB
- F8F3BD
- F9F6CE
- FBF9DE
- FDFCEF
셰이드
- CFC02B
- B1A423
- 93881C
- 776E14
- 5C550D
- 423D07
- 2A2603
- 141101
- 030200
톤
- E2D446
- D7CA53
- CBC15E
- C0B866
- B5AE6C
- AAA572
- 9F9C76
- 95937A
- 8A897D
색 조화
보색 +180°
- EEDD33
Juicy Jackfruit
- D3D5FF
≈ Pale Phthalo Blue
유사색 -30° +30°
- EEDD33
Juicy Jackfruit
- FFD093
≈ Goldenrod Yellow
- AAF173
≈ Inchworm
삼각 배색 +120° +240°
- EEDD33
Juicy Jackfruit
- 9FE5FF
≈ Winter Wizard
- FFC5E6
≈ Sugarwinkle
분열 보색 +150° +210°
- EEDD33
Juicy Jackfruit
- BFDCFF
≈ Broad Daylight
- ECCAFF
≈ Aquarelle Lilac
사각 배색 +90° +180° +270°
- EEDD33
Juicy Jackfruit
- 00F8F5
≈ Arctic Water
- D3D5FF
≈ Pale Phthalo Blue
- FFC9CD
≈ Sweet Memories
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.39:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 15.02:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 15.02:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--juicy-jackfruit: #eedd33;
--juicy-jackfruit-rgb: 238 221 51;
--juicy-jackfruit-oklch: oklch(0.885 0.174 103.3);
}
.element {
color: var(--juicy-jackfruit);
background-color: hsl(55 85% 57%);
border-color: oklch(0.885 0.174 103.3);
}Tailwind CSS v4
@theme {
--color-juicy-jackfruit: #eedd33;
--color-juicy-jackfruit-50: #fcf9bf;
--color-juicy-jackfruit-100: #f0eca8;
--color-juicy-jackfruit-200: #dfd97e;
--color-juicy-jackfruit-300: #c4bc44;
--color-juicy-jackfruit-400: #b2a100;
--color-juicy-jackfruit-500: #9c8800;
--color-juicy-jackfruit-600: #847300;
--color-juicy-jackfruit-700: #6a5c00;
--color-juicy-jackfruit-800: #504200;
--color-juicy-jackfruit-900: #382e00;
--color-juicy-jackfruit-950: #221a00;
}SCSS
$juicy-jackfruit: #eedd33;
$juicy-jackfruit-rgb: 238, 221, 51;
$juicy-jackfruit-light: mix(#fff, $juicy-jackfruit, 20%);
$juicy-jackfruit-dark: mix(#000, $juicy-jackfruit, 20%);
.element {
color: $juicy-jackfruit;
box-shadow: 0 0 0 2px rgba($juicy-jackfruit, 0.35);
}