Nazwany kolor · #FFF8DC
Cornsilk
Cornsilk to #FFF8DC: rgb(255 248 220), hsl(48 100% 93%), oklch(0.977 0.037 95.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Cornsilk color name →
#FFF8DC
oklch(0.977 0.037 95.4)
Konwersje koloru
- HEX
- #fff8dc
- RGB
- rgb(255 248 220)
- HSL
- hsl(48 100% 93%)
- HWB
- hwb(48 86% 0%)
- OKLCH
- oklch(0.977 0.037 95.4)
- OKLab
- oklab(0.977 -0.004 0.037)
- CIE Lab
- lab(97.58 -0.96 14.39)
- LCH
- lch(97.58 14.42 93.8)
- CMYK
- cmyk(0% 3% 14% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFF9E0
- FFF9E3
- FFFAE7
- FFFBEA
- FFFCEE
- FFFCF1
- FFFDF5
- FFFEF8
- FFFEFC
Odcienie ciemniejsze
- DED8BF
- BEB8A3
- 9E9A88
- 807C6E
- 636054
- 48453C
- 2E2C26
- 161511
- 030302
Tony
- F2EBD2
- E4DFC9
- D7D3C0
- CAC6B6
- BDBAAD
- B1AEA4
- A4A29B
- 989792
- 8C8B89
Harmonie kolorów
Komplementarna +180°
- FFF8DC
Cornsilk
- F5F7FF
≈ Mā White
Analogowa -30° +30°
- FFF8DC
Cornsilk
- FFF6ED
≈ Fatback
- F1FDE2
≈ Crème de Menthe
Triada +120° +240°
- FFF8DC
Cornsilk
- EBFBFF
≈ Placebo Sky
- FFF4FC
≈ Pinkish White
Komplementarna rozszczepiona +150° +210°
- FFF8DC
Cornsilk
- F1F9FF
≈ Alice Blue
- FAF5FF
≈ Sugar Crystal
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.06:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 19.71:1 · APCA Lc 103
Najlepszy kolor tekstu: #000000
WCAG 19.71:1 (AAA) · APCA Lc 103
Contrast pairs
Fragmenty kodu
CSS
:root {
--cornsilk: #fff8dc;
--cornsilk-rgb: 255 248 220;
--cornsilk-oklch: oklch(0.977 0.037 95.4);
}
.element {
color: var(--cornsilk);
background-color: hsl(48 100% 93%);
border-color: oklch(0.977 0.037 95.4);
}Tailwind CSS v4
@theme {
--color-cornsilk: #fff8dc;
--color-cornsilk-50: #f8f5ea;
--color-cornsilk-100: #ebe8da;
--color-cornsilk-200: #d8d5c3;
--color-cornsilk-300: #bcb8a3;
--color-cornsilk-400: #a59f86;
--color-cornsilk-500: #8e866a;
--color-cornsilk-600: #78725a;
--color-cornsilk-700: #605b48;
--color-cornsilk-800: #474234;
--color-cornsilk-900: #312e23;
--color-cornsilk-950: #1d1b12;
}SCSS
$cornsilk: #fff8dc;
$cornsilk-rgb: 255, 248, 220;
$cornsilk-light: mix(#fff, $cornsilk, 20%);
$cornsilk-dark: mix(#000, $cornsilk, 20%);
.element {
color: $cornsilk;
box-shadow: 0 0 0 2px rgba($cornsilk, 0.35);
}