Adlandırılmış renk · #F7EB7A
Canola Oil
Canola Oil, #F7EB7A: rgb(247 235 122), hsl(54 89% 72%), oklch(0.927 0.135 103.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Canola Oil color name →
#F7EB7A
oklch(0.927 0.135 103.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F8ED8A
- F8F099
- F9F2A7
- FAF4B4
- FBF6C1
- FBF8CE
- FCFADB
- FDFCE7
- FEFDF3
Koyu tonlar
- D7CC69
- B7AE59
- 999149
- 7C753A
- 605B2B
- 45411D
- 2C2910
- 151305
- 030301
Gri tonlar
- EAE07D
- DED57F
- D2CA81
- C5BF82
- B9B582
- AEAA83
- A29F83
- 969582
- 8B8A81
Renk uyumları
Tamamlayıcı +180°
- F7EB7A
Canola Oil
- E3E4FF
≈ Lavender Mist
Analog -30° +30°
- F7EB7A
Canola Oil
- FFE2BD
≈ Orange Glow
- C3FB9C
≈ Menthol
Üçlü +120° +240°
- F7EB7A
Canola Oil
- C5EFFF
≈ Heaven’s Gate
- FFDBEF
≈ Rose Glow
Bölünmüş tamamlayıcı +150° +210°
- F7EB7A
Canola Oil
- D7E9FF
≈ Veiling Waterfalls
- F3DEFF
≈ Lavender Savour
Dörtlü +90° +180° +270°
- F7EB7A
Canola Oil
- 81FFFC
≈ Glitter Shower
- E3E4FF
≈ Lavender Mist
- FFDDE0
≈ Sweet Mallow
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.22:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.11:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.11:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
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);
}