Color con nombre · #FBEDB8
Tinker Light
Tinker Light es #FBEDB8: rgb(251 237 184), hsl(47 89% 85%), oklch(0.944 0.07 95). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Tinker Light color name →
#FBEDB8
oklch(0.944 0.07 95)
Conversiones de color
- HEX
- #fbedb8
- RGB
- rgb(251 237 184)
- HSL
- hsl(47 89% 85%)
- HWB
- hwb(47 72% 2%)
- OKLCH
- oklch(0.944 0.07 95)
- OKLab
- oklab(0.944 -0.006 0.069)
- CIE Lab
- lab(93.92 -0.97 27.58)
- LCH
- lch(93.92 27.6 92)
- CMYK
- cmyk(0% 6% 27% 2%)
Tintes · Sombras · Tonos
Tintes
- FBEFBF
- FCF1C7
- FCF3CE
- FDF4D5
- FDF6DC
- FDF8E3
- FEFAEA
- FEFCF1
- FFFDF8
Sombras
- DACEA0
- BAB088
- 9C9371
- 7E775B
- 615C45
- 464231
- 2D2A1E
- 15140C
- 030302
Tonos
- EEE2B3
- E1D6AD
- D5CBA8
- C8C0A2
- BCB59C
- AFAA97
- A3A091
- 97958B
- 8C8A86
Armonías de color
Complementario +180°
- FBEDB8
Tinker Light
- E7ECFF
≈ Brilliant White
Análogo -30° +30°
- FBEDB8
Tinker Light
- FFE8D3
≈ Macaroon Cream
- E2F6C3
≈ Envious Pastel
Triádico +120° +240°
- FBEDB8
Tinker Light
- CDF5FF
≈ Vaporised
- FFE3F8
≈ Bunny Tail
Complementario dividido +150° +210°
- FBEDB8
Tinker Light
- DEEFFF
≈ Calcareous Sinter
- F2E8FF
≈ Placebo Purple
Tetrádico +90° +180° +270°
- FBEDB8
Tinker Light
- B8FDF3
≈ Winter Meadow
- E7ECFF
≈ Brilliant White
- FFE5EA
≈ Nosegay
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.17:1 · APCA Lc 8
Ag
AAASobre negro
WCAG 17.90:1 · APCA Lc 96
Mejor color de texto: #000000
WCAG 17.90:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmentos de código
CSS
:root {
--tinker-light: #fbedb8;
--tinker-light-rgb: 251 237 184;
--tinker-light-oklch: oklch(0.944 0.07 95);
}
.element {
color: var(--tinker-light);
background-color: hsl(47 89% 85%);
border-color: oklch(0.944 0.07 95);
}Tailwind CSS v4
@theme {
--color-tinker-light: #fbedb8;
--color-tinker-light-50: #faf6df;
--color-tinker-light-100: #eee8ce;
--color-tinker-light-200: #dcd5b3;
--color-tinker-light-300: #c1b88f;
--color-tinker-light-400: #ab9e6f;
--color-tinker-light-500: #95864f;
--color-tinker-light-600: #7e7143;
--color-tinker-light-700: #655b35;
--color-tinker-light-800: #4b4225;
--color-tinker-light-900: #342d19;
--color-tinker-light-950: #1f1a0a;
}SCSS
$tinker-light: #fbedb8;
$tinker-light-rgb: 251, 237, 184;
$tinker-light-light: mix(#fff, $tinker-light, 20%);
$tinker-light-dark: mix(#000, $tinker-light, 20%);
.element {
color: $tinker-light;
box-shadow: 0 0 0 2px rgba($tinker-light, 0.35);
}