Colore con nome · #F7C34C
Creamy Sweet Corn
Creamy Sweet Corn è #F7C34C: rgb(247 195 76), hsl(42 91% 63%), oklch(0.843 0.145 84.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Creamy Sweet Corn color name →
#F7C34C
oklch(0.843 0.145 84.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- F8C964
- F9D078
- FAD68B
- FBDC9D
- FCE2AE
- FCE8BF
- FDEECF
- FEF4DF
- FEF9EF
Ombre
- D7A941
- B79036
- 99782C
- 7C6022
- 604A18
- 45340F
- 2C2006
- 150E02
- 030200
Toni
- EBBC56
- DEB65E
- D2AF65
- C6A96B
- BAA270
- AE9B74
- A39478
- 978E7B
- 8B877E
Armonie di colore
Complementare +180°
- F7C34C
Creamy Sweet Corn
- B3CBFF
≈ Night Snow
Analogo -30° +30°
- F7C34C
Creamy Sweet Corn
- FFBA8C
≈ Savannah Sun
- C9D65E
≈ Citrus Delight
Triadico +120° +240°
- F7C34C
Creamy Sweet Corn
- 00E6F7
≈ Whimsical Blue
- FAAAFF
≈ Jigglypuff
Complementare divisa +150° +210°
- F7C34C
Creamy Sweet Corn
- 8ED6FF
≈ Kul Sharif Blue
- CFC1FF
≈ Innocent Snowdrop
Tetradico +90° +180° +270°
- F7C34C
Creamy Sweet Corn
- 40EAC5
≈ Aphrodite Aqua
- B3CBFF
≈ Night Snow
- FFB1CF
≈ Pink Cattleya
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.63:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.86:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.86:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
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);
}