이름 색상 · #F7EB7A
Canola Oil
Canola Oil은(는) #F7EB7A: rgb(247 235 122), hsl(54 89% 72%), oklch(0.927 0.135 103.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Canola Oil color name →
#F7EB7A
oklch(0.927 0.135 103.2)
색상 변환
- HEX
- #f7eb7a
- RGB
- rgb(247 235 122)
- HSL
- hsl(54 89% 72%)
- HWB
- hwb(54 48% 3%)
- OKLCH
- oklch(0.927 0.135 103.2)
- OKLab
- oklab(0.927 -0.031 0.132)
- CIE Lab
- lab(92.32 -6.4 55.63)
- LCH
- lch(92.32 56 96.6)
- CMYK
- cmyk(0% 5% 51% 3%)
틴트 · 셰이드 · 톤
틴트
- F8ED8A
- F8F099
- F9F2A7
- FAF4B4
- FBF6C1
- FBF8CE
- FCFADB
- FDFCE7
- FEFDF3
셰이드
- D7CC69
- B7AE59
- 999149
- 7C753A
- 605B2B
- 45411D
- 2C2910
- 151305
- 030301
톤
- EAE07D
- DED57F
- D2CA81
- C5BF82
- B9B582
- AEAA83
- A29F83
- 969582
- 8B8A81
색 조화
보색 +180°
- F7EB7A
Canola Oil
- E3E4FF
≈ Lavender Mist
유사색 -30° +30°
- F7EB7A
Canola Oil
- FFE2BD
≈ Orange Glow
- C3FB9C
≈ Menthol
삼각 배색 +120° +240°
- F7EB7A
Canola Oil
- C5EFFF
≈ Heaven’s Gate
- FFDBEF
≈ Rose Glow
분열 보색 +150° +210°
- F7EB7A
Canola Oil
- D7E9FF
≈ Veiling Waterfalls
- F3DEFF
≈ Lavender Savour
사각 배색 +90° +180° +270°
- F7EB7A
Canola Oil
- 81FFFC
≈ Glitter Shower
- E3E4FF
≈ Lavender Mist
- FFDDE0
≈ Sweet Mallow
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.22:1 · APCA Lc 11
Ag
AAA검은색 위
WCAG 17.11:1 · APCA Lc 93
가장 좋은 글자색: #000000
WCAG 17.11:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--canola-oil: #f7eb7a;
--canola-oil-rgb: 247 235 122;
--canola-oil-oklch: oklch(0.927 0.135 103.2);
}
.element {
color: var(--canola-oil);
background-color: hsl(54 89% 72%);
border-color: oklch(0.927 0.135 103.2);
}Tailwind CSS v4
@theme {
--color-canola-oil: #f7eb7a;
--color-canola-oil-50: #faf8cc;
--color-canola-oil-100: #eeebb7;
--color-canola-oil-200: #dcd894;
--color-canola-oil-300: #c1bc66;
--color-canola-oil-400: #ada133;
--color-canola-oil-500: #978800;
--color-canola-oil-600: #807400;
--color-canola-oil-700: #665c00;
--color-canola-oil-800: #4d4300;
--color-canola-oil-900: #352e00;
--color-canola-oil-950: #211b00;
}SCSS
$canola-oil: #f7eb7a;
$canola-oil-rgb: 247, 235, 122;
$canola-oil-light: mix(#fff, $canola-oil, 20%);
$canola-oil-dark: mix(#000, $canola-oil, 20%);
.element {
color: $canola-oil;
box-shadow: 0 0 0 2px rgba($canola-oil, 0.35);
}