Warna bernama · #F7C34C
Creamy Sweet Corn
Creamy Sweet Corn adalah #F7C34C: rgb(247 195 76), hsl(42 91% 63%), oklch(0.843 0.145 84.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Creamy Sweet Corn color name →
#F7C34C
oklch(0.843 0.145 84.7)
Konversi warna
- HEX
- #f7c34c
- RGB
- rgb(247 195 76)
- HSL
- hsl(42 91% 63%)
- HWB
- hwb(42 30% 3%)
- OKLCH
- oklch(0.843 0.145 84.7)
- OKLab
- oklab(0.843 0.013 0.144)
- CIE Lab
- lab(81.98 10.65 64.47)
- LCH
- lch(81.98 65.35 80.6)
- CMYK
- cmyk(0% 21% 69% 3%)
Tint · Shade · Tone
Tint
- F8C964
- F9D078
- FAD68B
- FBDC9D
- FCE2AE
- FCE8BF
- FDEECF
- FEF4DF
- FEF9EF
Shade
- D7A941
- B79036
- 99782C
- 7C6022
- 604A18
- 45340F
- 2C2006
- 150E02
- 030200
Tone
- EBBC56
- DEB65E
- D2AF65
- C6A96B
- BAA270
- AE9B74
- A39478
- 978E7B
- 8B877E
Harmoni warna
Komplementer +180°
- F7C34C
Creamy Sweet Corn
- B3CBFF
≈ Night Snow
Analog -30° +30°
- F7C34C
Creamy Sweet Corn
- FFBA8C
≈ Savannah Sun
- C9D65E
≈ Citrus Delight
Triadik +120° +240°
- F7C34C
Creamy Sweet Corn
- 00E6F7
≈ Whimsical Blue
- FAAAFF
≈ Jigglypuff
Split-komplementer +150° +210°
- F7C34C
Creamy Sweet Corn
- 8ED6FF
≈ Kul Sharif Blue
- CFC1FF
≈ Innocent Snowdrop
Tetradik +90° +180° +270°
- F7C34C
Creamy Sweet Corn
- 40EAC5
≈ Aphrodite Aqua
- B3CBFF
≈ Night Snow
- FFB1CF
≈ Pink Cattleya
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.63:1 · APCA Lc 28
Ag
AAADi atas hitam
WCAG 12.86:1 · APCA Lc 75
Warna teks terbaik: #000000
WCAG 12.86:1 (AAA) · APCA Lc 75
Contrast pairs
Cuplikan kode
CSS
:root {
--creamy-sweet-corn: #f7c34c;
--creamy-sweet-corn-rgb: 247 195 76;
--creamy-sweet-corn-oklch: oklch(0.843 0.145 84.7);
}
.element {
color: var(--creamy-sweet-corn);
background-color: hsl(42 91% 63%);
border-color: oklch(0.843 0.145 84.7);
}Tailwind CSS v4
@theme {
--color-creamy-sweet-corn: #f7c34c;
--color-creamy-sweet-corn-50: #fff3c6;
--color-creamy-sweet-corn-100: #fde5b1;
--color-creamy-sweet-corn-200: #efd18b;
--color-creamy-sweet-corn-300: #d8b25a;
--color-creamy-sweet-corn-400: #c6961a;
--color-creamy-sweet-corn-500: #b27b00;
--color-creamy-sweet-corn-600: #966800;
--color-creamy-sweet-corn-700: #795300;
--color-creamy-sweet-corn-800: #5a3c00;
--color-creamy-sweet-corn-900: #3f2900;
--color-creamy-sweet-corn-950: #281700;
}SCSS
$creamy-sweet-corn: #f7c34c;
$creamy-sweet-corn-rgb: 247, 195, 76;
$creamy-sweet-corn-light: mix(#fff, $creamy-sweet-corn, 20%);
$creamy-sweet-corn-dark: mix(#000, $creamy-sweet-corn, 20%);
.element {
color: $creamy-sweet-corn;
box-shadow: 0 0 0 2px rgba($creamy-sweet-corn, 0.35);
}