Nazwany kolor · #F8E7B7
Tamale Maize
Tamale Maize to #F8E7B7: rgb(248 231 183), hsl(44 82% 85%), oklch(0.93 0.065 90.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Tamale Maize color name →
#F8E7B7
oklch(0.93 0.065 90.9)
Konwersje koloru
- HEX
- #f8e7b7
- RGB
- rgb(248 231 183)
- HSL
- hsl(44 82% 85%)
- HWB
- hwb(44 72% 3%)
- OKLCH
- oklch(0.93 0.065 90.9)
- OKLab
- oklab(0.93 -0.001 0.065)
- CIE Lab
- lab(92.15 0.67 25.67)
- LCH
- lch(92.15 25.68 88.5)
- CMYK
- cmyk(0% 7% 26% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F9E9BE
- F9ECC6
- FAEECD
- FBF1D4
- FCF3DB
- FCF6E3
- FDF8EA
- FEFAF1
- FEFDF8
Odcienie ciemniejsze
- D8C99F
- B8AB87
- 9A8F70
- 7C735A
- 605945
- 454031
- 2C281E
- 15130C
- 030302
Tony
- EBDCB2
- DFD2AC
- D3C7A7
- C6BDA1
- BAB29C
- AEA896
- A29E91
- 97948B
- 8B8A86
Harmonie kolorów
Komplementarna +180°
- F8E7B7
Tamale Maize
- DFE7FF
≈ Lavender Mist
Analogowa -30° +30°
- F8E7B7
Tamale Maize
- FFE2CA
≈ Barely Ripe Apricot
- E1EFBF
≈ Spirit Whisper
Triada +120° +240°
- F8E7B7
Tamale Maize
- B9F4FF
≈ Northrend
- FFDBFA
≈ Strawberry Frost
Komplementarna rozszczepiona +150° +210°
- F8E7B7
Tamale Maize
- D3ECFF
≈ Veiling Waterfalls
- ECE2FF
≈ Lavender Savour
Tetrada +90° +180° +270°
- F8E7B7
Tamale Maize
- B9F7EA
≈ Shallow End
- DFE7FF
≈ Lavender Mist
- FFDEE6
≈ Baby Girl
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.22:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.10:1 · APCA Lc 93
Najlepszy kolor tekstu: #000000
WCAG 17.10:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--tamale-maize: #f8e7b7;
--tamale-maize-rgb: 248 231 183;
--tamale-maize-oklch: oklch(0.93 0.065 90.9);
}
.element {
color: var(--tamale-maize);
background-color: hsl(44 82% 85%);
border-color: oklch(0.93 0.065 90.9);
}Tailwind CSS v4
@theme {
--color-tamale-maize: #f8e7b7;
--color-tamale-maize-50: #fbf5e1;
--color-tamale-maize-100: #efe8d0;
--color-tamale-maize-200: #ded4b6;
--color-tamale-maize-300: #c3b792;
--color-tamale-maize-400: #ad9d72;
--color-tamale-maize-500: #968553;
--color-tamale-maize-600: #7f7047;
--color-tamale-maize-700: #665a38;
--color-tamale-maize-800: #4b4128;
--color-tamale-maize-900: #342d1b;
--color-tamale-maize-950: #201a0b;
}SCSS
$tamale-maize: #f8e7b7;
$tamale-maize-rgb: 248, 231, 183;
$tamale-maize-light: mix(#fff, $tamale-maize, 20%);
$tamale-maize-dark: mix(#000, $tamale-maize, 20%);
.element {
color: $tamale-maize;
box-shadow: 0 0 0 2px rgba($tamale-maize, 0.35);
}