이름 색상 · #E1C12F
Finger Banana
Finger Banana은(는) #E1C12F: rgb(225 193 47), hsl(49 75% 53%), oklch(0.815 0.156 95.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Finger Banana color name →
#E1C12F
oklch(0.815 0.156 95.8)
색상 변환
- HEX
- #e1c12f
- RGB
- rgb(225 193 47)
- HSL
- hsl(49 75% 53%)
- HWB
- hwb(49 18% 12%)
- OKLCH
- oklch(0.815 0.156 95.8)
- OKLab
- oklab(0.815 -0.016 0.155)
- CIE Lab
- lab(79.13 1.52 71.17)
- LCH
- lch(79.13 71.19 88.8)
- CMYK
- cmyk(0% 14% 79% 12%)
틴트 · 셰이드 · 톤
틴트
- E4C850
- E7CE69
- EAD47F
- EDDB93
- F0E1A6
- F3E7B8
- F6EDCA
- F9F3DC
- FCF9EE
셰이드
- C4A727
- A78F20
- 8B7719
- 705F12
- 56490C
- 3E3406
- 272003
- 120E01
- 020200
톤
- D7BB41
- CDB44E
- C3AE58
- B9A761
- AFA168
- A59A6E
- 9C9473
- 928D78
- 89877C
색 조화
보색 +180°
- E1C12F
Finger Banana
- B2BEFF
≈ Dried Lilac
유사색 -30° +30°
- E1C12F
Finger Banana
- FFAF58
≈ Alajuela Toad
- AAD45C
≈ Lime Lizard
삼각 배색 +120° +240°
- E1C12F
Finger Banana
- 00D9FE
≈ Neon Blue
- FF9BE8
≈ Pink Elephants
분열 보색 +150° +210°
- E1C12F
Finger Banana
- 8CC9FF
≈ Platonic Blue
- D5AFFF
≈ Teasel Dipsacus
사각 배색 +90° +180° +270°
- E1C12F
Finger Banana
- 00E0D0
≈ Mint Morning
- B2BEFF
≈ Dried Lilac
- FFA5B8
≈ Amélie’s Tutu
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.76:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.87:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.87:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--finger-banana: #e1c12f;
--finger-banana-rgb: 225 193 47;
--finger-banana-oklch: oklch(0.815 0.156 95.8);
}
.element {
color: var(--finger-banana);
background-color: hsl(49 75% 53%);
border-color: oklch(0.815 0.156 95.8);
}Tailwind CSS v4
@theme {
--color-finger-banana: #e1c12f;
--color-finger-banana-50: #fff6c4;
--color-finger-banana-100: #f6e9ad;
--color-finger-banana-200: #e6d586;
--color-finger-banana-300: #cdb851;
--color-finger-banana-400: #ba9d00;
--color-finger-banana-500: #a68200;
--color-finger-banana-600: #8c6f00;
--color-finger-banana-700: #705800;
--color-finger-banana-800: #544000;
--color-finger-banana-900: #3b2c00;
--color-finger-banana-950: #251900;
}SCSS
$finger-banana: #e1c12f;
$finger-banana-rgb: 225, 193, 47;
$finger-banana-light: mix(#fff, $finger-banana, 20%);
$finger-banana-dark: mix(#000, $finger-banana, 20%);
.element {
color: $finger-banana;
box-shadow: 0 0 0 2px rgba($finger-banana, 0.35);
}