Adlandırılmış renk · #F8B500
Waxy Corn
Waxy Corn, #F8B500: rgb(248 181 0), hsl(44 100% 49%), oklch(0.814 0.168 81.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Waxy Corn color name →
#F8B500
oklch(0.814 0.168 81.7)
Renk dönüşümleri
- HEX
- #f8b500
- RGB
- rgb(248 181 0)
- HSL
- hsl(44 100% 49%)
- HWB
- hwb(44 0% 3%)
- OKLCH
- oklch(0.814 0.168 81.7)
- OKLab
- oklab(0.814 0.024 0.166)
- CIE Lab
- lab(78.47 16.63 80.37)
- LCH
- lch(78.47 82.07 78.3)
- CMYK
- cmyk(0% 27% 100% 3%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F9BD40
- FAC55E
- FBCC76
- FCD48C
- FDDBA0
- FDE3B4
- FEEAC7
- FEF1DA
- FFF8ED
Koyu tonlar
- D89D00
- B88600
- 9A6F00
- 7C5900
- 604400
- 453000
- 2C1D00
- 150C00
- 030200
Gri tonlar
- ECB02E
- DFAB41
- D3A64F
- C7A159
- BB9C62
- AF966A
- A39170
- 978B76
- 8C867B
Renk uyumları
Tamamlayıcı +180°
- F8B500
Waxy Corn
- A1C3FF
≈ Pastel Blue
Analog -30° +30°
- F8B500
Waxy Corn
- FFAC79
≈ Larch Bolete
- C6CC2D
≈ Yellow-Green Grosbeak
Üçlü +120° +240°
- F8B500
Waxy Corn
- 00DCE8
≈ Tamarama
- F19EFF
≈ Party Pig
Bölünmüş tamamlayıcı +150° +210°
- F8B500
Waxy Corn
- 6DCFFF
≈ Skyan
- C3B7FF
≈ Dried Lilac
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.81:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.60:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.60:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
CSS
:root {
--waxy-corn: #f8b500;
--waxy-corn-rgb: 248 181 0;
--waxy-corn-oklch: oklch(0.814 0.168 81.7);
}
.element {
color: var(--waxy-corn);
background-color: hsl(44 100% 49%);
border-color: oklch(0.814 0.168 81.7);
}Tailwind CSS v4
@theme {
--color-waxy-corn: #f8b500;
--color-waxy-corn-50: #fff2bf;
--color-waxy-corn-100: #ffe4a7;
--color-waxy-corn-200: #f7ce7e;
--color-waxy-corn-300: #e0af44;
--color-waxy-corn-400: #cf9200;
--color-waxy-corn-500: #bc7500;
--color-waxy-corn-600: #9f6400;
--color-waxy-corn-700: #805000;
--color-waxy-corn-800: #603900;
--color-waxy-corn-900: #432700;
--color-waxy-corn-950: #2b1500;
}SCSS
$waxy-corn: #f8b500;
$waxy-corn-rgb: 248, 181, 0;
$waxy-corn-light: mix(#fff, $waxy-corn, 20%);
$waxy-corn-dark: mix(#000, $waxy-corn, 20%);
.element {
color: $waxy-corn;
box-shadow: 0 0 0 2px rgba($waxy-corn, 0.35);
}