Cor nomeada · #FCFCDE
Flayed One
Flayed One é #FCFCDE: rgb(252 252 222), hsl(60 83% 93%), oklch(0.983 0.039 107.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Flayed One color name →
#FCFCDE
oklch(0.983 0.039 107.1)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- FCFCE1
- FDFDE5
- FDFDE8
- FDFDEB
- FDFEEF
- FEFEF2
- FEFEF5
- FEFEF8
- FFFFFC
Sombras
- DBDBC1
- BBBBA5
- 9C9C89
- 7E7E6F
- 626255
- 47473D
- 2D2D26
- 161612
- 030302
Tons
- EFEFD4
- E2E2CB
- D5D5C1
- C9C9B7
- BCBCAE
- B0B0A5
- A4A49B
- 979892
- 8C8C89
Harmonias de cor
Complementar +180°
- FCFCDE
Flayed One
- F9F9FF
≈ Ghost White
Análoga -30° +30°
- FCFCDE
Flayed One
- FFF9EF
≈ Satin Purse
- F0FFEA
≈ Crème de Menthe
Tríade +120° +240°
- FCFCDE
Flayed One
- F3FBFF
≈ Heart of Ice
- FFF7FB
≈ Cold Snow
Complementar dividida +150° +210°
- FCFCDE
Flayed One
- F6FAFF
≈ Heart of Ice
- FDF7FF
≈ Cold Snow
Tétrade +90° +180° +270°
- FCFCDE
Flayed One
- E8FFFF
≈ Bubbles
- F9F9FF
≈ Ghost White
- FFF7F7
≈ Sea Salt Sherbet
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.04:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 20.11:1 · APCA Lc 105
Melhor cor de texto: #000000
WCAG 20.11:1 (AAA) · APCA Lc 105
Contrast pairs
Trechos de código
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);
}