Nazwany kolor · #FCFCDE
Flayed One
Flayed One to #FCFCDE: rgb(252 252 222), hsl(60 83% 93%), oklch(0.983 0.039 107.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Flayed One color name →
#FCFCDE
oklch(0.983 0.039 107.1)
Konwersje koloru
- HEX
- #fcfcde
- RGB
- rgb(252 252 222)
- HSL
- hsl(60 83% 93%)
- HWB
- hwb(60 87% 1%)
- OKLCH
- oklch(0.983 0.039 107.1)
- OKLab
- oklab(0.983 -0.011 0.037)
- CIE Lab
- lab(98.38 -3.68 14.44)
- LCH
- lch(98.38 14.9 104.3)
- CMYK
- cmyk(0% 0% 12% 1%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FCFCE1
- FDFDE5
- FDFDE8
- FDFDEB
- FDFEEF
- FEFEF2
- FEFEF5
- FEFEF8
- FFFFFC
Odcienie ciemniejsze
- DBDBC1
- BBBBA5
- 9C9C89
- 7E7E6F
- 626255
- 47473D
- 2D2D26
- 161612
- 030302
Tony
- EFEFD4
- E2E2CB
- D5D5C1
- C9C9B7
- BCBCAE
- B0B0A5
- A4A49B
- 979892
- 8C8C89
Harmonie kolorów
Komplementarna +180°
- FCFCDE
Flayed One
- F9F9FF
≈ Ghost White
Analogowa -30° +30°
- FCFCDE
Flayed One
- FFF9EF
≈ Satin Purse
- F0FFEA
≈ Crème de Menthe
Triada +120° +240°
- FCFCDE
Flayed One
- F3FBFF
≈ Heart of Ice
- FFF7FB
≈ Cold Snow
Komplementarna rozszczepiona +150° +210°
- FCFCDE
Flayed One
- F6FAFF
≈ Heart of Ice
- FDF7FF
≈ Cold Snow
Tetrada +90° +180° +270°
- FCFCDE
Flayed One
- E8FFFF
≈ Bubbles
- F9F9FF
≈ Ghost White
- FFF7F7
≈ Sea Salt Sherbet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.04:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 20.11:1 · APCA Lc 105
Najlepszy kolor tekstu: #000000
WCAG 20.11:1 (AAA) · APCA Lc 105
Contrast pairs
Fragmenty kodu
CSS
:root {
--flayed-one: #fcfcde;
--flayed-one-rgb: 252 252 222;
--flayed-one-oklch: oklch(0.983 0.039 107.1);
}
.element {
color: var(--flayed-one);
background-color: hsl(60 83% 93%);
border-color: oklch(0.983 0.039 107.1);
}Tailwind CSS v4
@theme {
--color-flayed-one: #fcfcde;
--color-flayed-one-50: #f6f6ea;
--color-flayed-one-100: #e8e9db;
--color-flayed-one-200: #d5d6c3;
--color-flayed-one-300: #b8b9a3;
--color-flayed-one-400: #a1a086;
--color-flayed-one-500: #89886a;
--color-flayed-one-600: #74735a;
--color-flayed-one-700: #5c5c48;
--color-flayed-one-800: #444334;
--color-flayed-one-900: #2f2e23;
--color-flayed-one-950: #1c1b12;
}SCSS
$flayed-one: #fcfcde;
$flayed-one-rgb: 252, 252, 222;
$flayed-one-light: mix(#fff, $flayed-one, 20%);
$flayed-one-dark: mix(#000, $flayed-one, 20%);
.element {
color: $flayed-one;
box-shadow: 0 0 0 2px rgba($flayed-one, 0.35);
}